回答編集履歴
1
追記
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
|
|