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標記的「書寫模式」？

回答

相關問題