質問編集履歴
2
書き直し
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -29,6 +29,8 @@
|
|
|
29
29
|
Apacheを使いローカル環境で確認しています
|
|
30
30
|
|
|
31
31
|
#追記
|
|
32
|
+
.log-form input{}により選択できるとの指摘を多く受けたので、こちらの場合の不具合の詳細について追記いたします。
|
|
33
|
+
|
|
32
34
|
```CSS
|
|
33
35
|
.log-form input{
|
|
34
36
|
background-color: red;
|
1
コメント頂いた方法でCSSを付けた時に起こる不具合と目標の再設定を行いました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -26,4 +26,36 @@
|
|
|
26
26
|
#環境
|
|
27
27
|
macOS Catalina 10.15.5
|
|
28
28
|
Google Chromeバージョン: 83.0.4103.116
|
|
29
|
-
Apacheを使いローカル環境で確認しています
|
|
29
|
+
Apacheを使いローカル環境で確認しています
|
|
30
|
+
|
|
31
|
+
#追記
|
|
32
|
+
```CSS
|
|
33
|
+
.log-form input{
|
|
34
|
+
background-color: red;
|
|
35
|
+
}
|
|
36
|
+
```
|
|
37
|
+
このようにCSSで記入した場合、パスワードの欄だけが赤塗りになります。
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
HTMLには問題がないと思うのですが。。
|
|
42
|
+
```HTML
|
|
43
|
+
<div class="log-form">
|
|
44
|
+
<form>
|
|
45
|
+
<ul>
|
|
46
|
+
<li class="log-form-username">
|
|
47
|
+
<label for="name">ユーザーID</label>
|
|
48
|
+
<input type="text" title="username" placeholder="username" />
|
|
49
|
+
</li><br>
|
|
50
|
+
<li class="log-form-password">
|
|
51
|
+
<label for="name">パスワード</label>
|
|
52
|
+
<input type="password" title="password" placeholder="password" />
|
|
53
|
+
</li><br>
|
|
54
|
+
<li class="log-form-button">
|
|
55
|
+
<button type="submit" class="btn">Login</button>
|
|
56
|
+
</li><br>
|
|
57
|
+
</form>
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
ゴールとしては、usernameとpasswordそれぞれの入力フォームを同じ形にした上で、CSSで触れるようにしたいです。
|
|
61
|
+
見落としてる箇所わかる方いましたら、ご助言お願い致します。
|