回答編集履歴

1

追記

2019/09/26 09:52

投稿

kyoya0819
kyoya0819

スコア10429

test CHANGED
@@ -10,11 +10,39 @@
10
10
 
11
11
 
12
12
 
13
+ ---
14
+
15
+
16
+
13
17
  > 入力フォームに虫眼鏡を入れるやり方
14
18
 
15
19
 
16
20
 
17
21
  [こちら](https://allabout.co.jp/gm/gc/23939/)を参照
22
+
23
+
24
+
25
+ > ```CSS
26
+
27
+ > input.withicon {
28
+
29
+ > background-image: url("sicon16.gif");
30
+
31
+ > background-repeat: no-repeat;
32
+
33
+ > background-position: 2px center;
34
+
35
+ > padding-left: 21px;
36
+
37
+ > }
38
+
39
+ > ```
40
+
41
+ > [引用元](https://allabout.co.jp/gm/gc/23939/)
42
+
43
+
44
+
45
+ ---
18
46
 
19
47
 
20
48
 
@@ -26,11 +54,19 @@
26
54
 
27
55
 
28
56
 
57
+ ---
58
+
59
+
60
+
29
61
  > 入力フォームの移動方法
30
62
 
31
63
 
32
64
 
33
65
  移動してるか?まぁ長さを変えるなら[こちら](https://developer.mozilla.org/ja/docs/Web/CSS/transform)を参照
66
+
67
+
68
+
69
+ ---
34
70
 
35
71
 
36
72
 
@@ -44,6 +80,10 @@
44
80
 
45
81
 
46
82
 
83
+ ---
84
+
85
+
86
+
47
87
  > 入力フォームに影見たいのをつけるには?(box-shadowで作れなかった)
48
88
 
49
89
 
@@ -52,6 +92,38 @@
52
92
 
53
93
 
54
94
 
95
+ > ```CSS
96
+
97
+ > input[type="text"], textarea, input[type="submit"]{
98
+
99
+ > background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
100
+
101
+ > background-image: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF);
102
+
103
+ > }
104
+
105
+ > ```
106
+
107
+
108
+
109
+ > ```CSS
110
+
111
+ input[type="text"], textarea, input[type="submit"]{
112
+
113
+ -webkit-appearance: none;
114
+
115
+ }
116
+
117
+ ```
118
+
119
+ [引用元](http://pressstocker.com/ios-box-shadow/)
120
+
121
+
122
+
123
+ ---
124
+
125
+
126
+
55
127
  > "キャンセル"の文字がゆっくり現れるようにしたい
56
128
 
57
129