2017-04-07 6 views
1

Chromeでバグが見つかりましたが、リソースを見つけることができません。ChromeはBUTTONタグの "writing-mode"をサポートしていませんか?

BUTTONタグでwriting-modeが実行されていないようです。

詳細については、living exampleを参照してください。

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

.pippo { 
    writing-mode:vertical-lr 
} 

Chromeで修正するための回避策はありますか(Firefoxは正しく動作します)?

答えて

0

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

私はSVGにBUTTONから変更する必要があれば、私は単に問題を解決A HREFに変更することができます.... :-)私の質問はおよそですボタンタグの書き込みモードを有効にするための回避策、完全なマークアップを変更しない –

+0

私の理解は、ボタンのような他のクラスに適用すると、テキスト要素のレイアウトと方向を変更するように設計されています。唯一の要素はもはや操作されていません。多分それは完璧に動作するとは思わない? –

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

これは効果的に大きな回避策であり、単純な「スパン」 –

関連する問題