IE11で英数字の文字もすべて縦に表示したい

Question

毎度お世話になっております。
今回またわからないことがあり、ほぼ半日試行錯誤してたのですが解決できないことがあり、ご教授いただけたら幸いです。

IE11のブラウザで文字を縦に表示したいのですが、どうしても数字と英字だけが縦になりません。（日本語はちゃんと縦になります）
テキストボックスを縦に表示してそこに入力される文字自体も英数字日本語すべてを縦に表示したいです。

<input type="text" value="aaああ123" class="vertical">

.vertical{
  -ms-writing-mode: tb-rl;
  -ms-text-combine-horizontal: all;
  text-orientation: upright;
}

何が足りないのでしょうか・・？

宜しくお願い致します。

Comments

[m.ts10806]

コードは長すぎるなど特別な理由がない限りteratail内のコードブロックで提示してください。

[miguel_2018]

申し訳ありません、修正いたしました。

Answer 1

text-orientationの指定でできないことはなさそうですが、

• 日本らしさを表現！CSSで文字の縦書きに挑戦！

↑英数字縦書きって見づらくないですか？
元々縦書き（全角）は日本（あと中国もかな）の文化なので欧米文化である英数字は縦書きに最適化されていません。フォントの影響もないとは言えませんけど・・・。

Comments

[miguel_2018]

ありがとうございます、cssでtext-orientationの指定は一応しているのですが、反映？されてないような気がしていまして、ここで詰まってしまっていました。

[m.ts10806]

一応、回答後半も考慮いただけたらと。
できたとしてあまりメリットがあるようには思えないです。

[miguel_2018]

いただいた情報を考慮しましてやっぱり、すべての縦書きはやめようと思います。。
いつもありがとうございます！