Chrome不支持BUTTON标记的“书写模式”？

我刚在Chrome中发现了一个可能的错误，但我找不到任何资源。Chrome不支持BUTTON标记的“书写模式”？

看来writing-mode不能在BUTTON标签上运行。

查看living example了解详情。

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

.pippo { 
    writing-mode:vertical-lr 
}

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

来源

2017-04-07 Luca Detomi

您可以尝试SVG文本元素。

more info

<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>

来源

2017-04-07 12:35:41

好，如果我不得不从按钮，SVG改变，我可以简单地更改为A HREF，解决该问题.... :-)我的问题是关于一个解决方法，以启用书写模式的按钮标记，而不是完全改变标记 –

我的理解是写作模式的目的是改变文本元素的布局和方向，当你将它应用到其他类像按钮，文本不是唯一被操纵的元素了。所以也许它不会完美地工作？ –

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

来源

2017-04-07 13:01:15

这可能是一个很好的解决方法，也有一个简单的'span' –

Chrome不支持BUTTON标记的“书写模式”？

回答

相关问题