Safari 书写模式 CSS 属性问题

Question

我在某些按钮元素上使用写入模式 CSS 属性时遇到问题。 在 Chrome 上它运行良好，看起来像这样：

这是代码：

button {
height: auto;
position: fixed;
right: 0px;
border-radius: 0 12px 12px 0;
padding: 12px 8px;
z-index: 50;
writing-mode: vertical-lr;
rotate: 180deg;
}

在 Safari 上，按钮如下所示：

我查看了 Safari 开发工具，在“样式”选项卡中应用了写入模式：vertical-lr，但是如果我在“计算”选项卡中查看，则会出现写入模式：horizontal-tb。 以前有人遇到过这个问题吗？谢谢你

我尝试在 Safari 中为写入模式设置不同的值，但都不适用。

Answer 1

在 safari 和 ios 中遇到类似的问题

button {
writing-mode: vertical-lr;
}

[铬][1] [1]：https://i.stack.imgur.com/qoHbr.png

[野生动物园][2] [2]：https://i.stack.imgur.com/c3pNW.png