質問編集履歴
3
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
Windowsのchrome, IE11,Edge,Firefoxでは表示がうまくいったのですが、
|
|
8
8
|
|
|
9
|
-
MacのSafari
|
|
9
|
+
MacのSafari、iPhoneのsafari,chromeではフォーム内の文字が「**横向き**」になってしまい直せないでいます。もし方法をご存知でしたらお答え頂きたいです。
|
|
10
10
|
|
|
11
11
|
よろしくお願いいたします。
|
|
12
12
|
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
### 該当のソースコード
|
|
18
18
|
|
|
19
|
-
以下のコードでsafariに対してフォーム(input, tex
|
|
19
|
+
以下のコードでsafariに対してフォーム(input, textarea)を縦書きにするよう、CSSハックを書いています。
|
|
20
20
|
|
|
21
21
|
```css
|
|
22
22
|
|
2
誤字を修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
|
|
31
31
|
writing-mode: vertical-rl;
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
}
|
|
34
34
|
|
|
35
35
|
```
|
|
36
36
|
|
|
@@ -172,7 +172,7 @@
|
|
|
172
172
|
|
|
173
173
|
**iPhone**
|
|
174
174
|
|
|
175
|
-
11.0 Mobile
|
|
175
|
+
safari 11.0 Mobile
|
|
176
176
|
|
|
177
177
|
|
|
178
178
|
|
1
参考にさせて頂いたサイトを追加しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -173,3 +173,13 @@
|
|
|
173
173
|
**iPhone**
|
|
174
174
|
|
|
175
175
|
11.0 Mobile
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
**参考にさせて頂いたサイト**
|
|
180
|
+
|
|
181
|
+
[HTML/CSSだけで縦書きの入力フォームをつくる](https://kuroeveryday.blogspot.jp/2017/04/vertial-input-forms.html?showComment=1517469996188#c938529383974582869)
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
[縦書きweb普及委員会 CSS WritingModeの仕様解説](https://tategaki.github.io/explan1.html)
|