質問編集履歴
3
誤字修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
現在、「**縦書きで入力できるフォーム**」を作っています。
|
|
4
4
|
Windowsのchrome, IE11,Edge,Firefoxでは表示がうまくいったのですが、
|
|
5
|
-
MacのSafari
|
|
5
|
+
MacのSafari、iPhoneのsafari,chromeではフォーム内の文字が「**横向き**」になってしまい直せないでいます。もし方法をご存知でしたらお答え頂きたいです。
|
|
6
6
|
よろしくお願いいたします。
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
### 該当のソースコード
|
|
10
|
-
以下のコードでsafariに対してフォーム(input,
|
|
10
|
+
以下のコードでsafariに対してフォーム(input, textarea)を縦書きにするよう、CSSハックを書いています。
|
|
11
11
|
```css
|
|
12
12
|
_::-webkit-full-page-media, _:future, :root
|
|
13
13
|
input,
|
2
誤字を修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
textarea {
|
|
15
15
|
-webkit-writing-mode: vertical-rl;
|
|
16
16
|
writing-mode: vertical-rl;
|
|
17
|
-
|
|
17
|
+
}
|
|
18
18
|
```
|
|
19
19
|
|
|
20
20
|
### 試したこと
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
safari 10.1.2
|
|
86
86
|
|
|
87
87
|
**iPhone**
|
|
88
|
-
11.0 Mobile
|
|
88
|
+
safari 11.0 Mobile
|
|
89
89
|
|
|
90
90
|
**参考にさせて頂いたサイト**
|
|
91
91
|
[HTML/CSSだけで縦書きの入力フォームをつくる](https://kuroeveryday.blogspot.jp/2017/04/vertial-input-forms.html?showComment=1517469996188#c938529383974582869)
|
1
参考にさせて頂いたサイトを追加しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -85,4 +85,9 @@
|
|
|
85
85
|
safari 10.1.2
|
|
86
86
|
|
|
87
87
|
**iPhone**
|
|
88
|
-
11.0 Mobile
|
|
88
|
+
11.0 Mobile
|
|
89
|
+
|
|
90
|
+
**参考にさせて頂いたサイト**
|
|
91
|
+
[HTML/CSSだけで縦書きの入力フォームをつくる](https://kuroeveryday.blogspot.jp/2017/04/vertial-input-forms.html?showComment=1517469996188#c938529383974582869)
|
|
92
|
+
|
|
93
|
+
[縦書きweb普及委員会 CSS WritingModeの仕様解説](https://tategaki.github.io/explan1.html)
|