Chrome 不支持 BUTTON 标签的“写入模式”？

Question

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

似乎writing-mode没有在BUTTON标签上运行。

有关详细信息，请参阅活生生的示例。

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

.pippo {
  writing-mode:vertical-lr
}

是否有任何解决方法可以在 Chrome 中修复它（在 Firefox 中正确运行）？

Answer 1

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

Answer 2

您可以尝试 SVG 文本元素。

更多信息

<svg width="100" height="600">
    <text x="28" y="150" transform="rotate(-90, 28, 150)" style="text-anchor:middle; font-size:12px">Its vertical now</text>
</svg>