Css Chrome不支持；“写作模式”；按钮标签？

我刚刚在Chrome中发现了一个可能的bug，但我找不到任何资源

似乎

写入模式

没有在

按钮

标签上运行

有关详细信息，请参阅

<a href="#;" class="pippo">pippo</a>
<br><br>
<button class="pippo">pippo</button>

.pippo {
  writing-mode:vertical-lr
}

皮波
皮波先生{
书写模式：垂直lr
}

---

在Chrome（Firefox运行正常）中是否有解决方法

您可以尝试SVG文本元素

现在是垂直的

您可以试试这个。
pippo

在我看来，“编写模式”似乎只在使用Internet Explorer时才起作用

当试图添加css转换来修复它时，情况会变得更糟，因为Internet Explorer同时应用了这两种转换

我需要使用Firefox和Chrome的特定CSS规则，以便在IE使用写入模式时仅使用转换

-webkit-transform:rotate(90deg);
-webkit-transform-origin: 255% 55% 0;
-moz-transform:rotate(90deg);
-moz-transform-origin: 255% 55% 0;
-ms-writing-mode: tb-rl;

---

好吧，如果我必须从按钮更改为SVG，我可以简单地更改为A HREF，这就解决了问题….:-）我的问题是关于为button标记启用写入模式的变通方法，而不是完全更改标记我的理解是，写入模式旨在更改文本元素的布局和方向。当您将其应用于button等其他类时，文本不再是唯一被操纵的元素。因此，也许它不能完美地工作？这可能是一个有效的解决办法，也可以通过一个简单的

span

来实现，你是超级传奇！是的，当然，其他浏览器需要厂商前缀，但在使用它们时运行正常。。。

You can try this. 
 <button><p style="writing-mode:vertical-lr;">pippo</p></button>

-webkit-transform:rotate(90deg);
-webkit-transform-origin: 255% 55% 0;
-moz-transform:rotate(90deg);
-moz-transform-origin: 255% 55% 0;
-ms-writing-mode: tb-rl;