質問編集履歴
3
ｋｋｋｋｋｋｋｋｋｋｋｋｋｋｋｋｋｋｋｋｋｋｋｋｋｋｋ
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
入力フォーム内に透かし文字placeholderを追加したのですが、IOSブラウザで透かし文字の上下の位置がずれて、下の方に表示されてしまいます。Andoroidではきちんと中央に表示されています。
|
|
3
3
|
|
|
4
4
|
URL以下。
|
|
5
|
-
|
|
5
|
+
|
|
6
6
|
試したこと。CSSの内の＃nameの{}内の**font-family:の項目を消去する**と正しくIOSできちんと中央上下に表示されます。
|
|
7
7
|
|
|
8
8
|
ただ、font-familyはIOS標準では入力時に文字の種類を変えたいので、fontの種類を指定しています。
|
2
コードを編集しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
input::placeholder {
|
|
79
79
|
color: #9f9f9fc5;
|
|
80
80
|
font-weight: 300;
|
|
81
|
-
|
|
81
|
+
|
|
82
82
|
|
|
83
83
|
}
|
|
84
84
|
|
|
@@ -87,13 +87,13 @@
|
|
|
87
87
|
textarea:-webkit-input-placeholder {
|
|
88
88
|
color:#9f9f9fc5;
|
|
89
89
|
font-weight: 300;
|
|
90
|
-
|
|
90
|
+
|
|
91
91
|
}
|
|
92
92
|
/* IOS */
|
|
93
93
|
input::-webkit-input-placeholder {
|
|
94
94
|
color:#9f9f9fc5;
|
|
95
95
|
font-weight: 300;
|
|
96
|
-
|
|
96
|
+
|
|
97
97
|
}
|
|
98
98
|
```
|
|
99
99
|
|
1
漢字間違えました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
<title></title>
|
|
27
27
|
<style>
|
|
28
28
|
|
|
29
|
-
/* 画面幅（
|
|
29
|
+
/* 画面幅（2000px以下の時までの適応）指定 */
|
|
30
|
-
@media screen and (max-width:
|
|
30
|
+
@media screen and (max-width: 2000px){
|
|
31
31
|
|
|
32
32
|
#name {
|
|
33
33
|
|