teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

実施した事を追加しました

2019/03/26 06:47

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -48,4 +48,17 @@
48
48
  </html>
49
49
  ```
50
50
 
51
- 手短ではありますがよろしくお願いいたします。
51
+ 手短ではありますがよろしくお願いいたします。
52
+
53
+ ### 実施した事
54
+ 以下の内容のスタイルシートを追加しましたが、今度は画面表示時のみ色が変わり
55
+ (透過色ではない状態となります。)
56
+ 肝心のクリック時、カーソルが当たった時に色がdanger色に戻ってしまいます。
57
+ 他に良い知恵はございませんでしょうか?
58
+ ```
59
+ label.btn-outline-danger {
60
+ color:#FF00FF;
61
+ background-color:#FF00FF;
62
+ border-color:#000000;
63
+ }
64
+ ```

1

不要なコードを削除しました。

2019/03/26 06:47

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -34,13 +34,13 @@
34
34
  </head>
35
35
  <body>
36
36
  <div class="btn-group btn-group-toggle" data-toggle="buttons">
37
- <label class="btn btn-outline-danger btn-sm" onClick="checkMember0()">
37
+ <label class="btn btn-outline-danger btn-sm">
38
- <input type="radio" name="options" id="option1" autocomplete="off" style="width: 200px">会員
38
+ <input type="radio" name="options" id="option1" autocomplete="off">会員
39
39
  </label>  
40
- <label class="btn btn-outline-danger btn-sm" onClick="checkMember1()">
40
+ <label class="btn btn-outline-danger btn-sm">
41
41
  <input type="radio" name="options" id="option2" autocomplete="off">非会員
42
42
  </label>  
43
- <label class="btn btn-outline-danger btn-sm" onClick="checkMember2()">
43
+ <label class="btn btn-outline-danger btn-sm">
44
44
  <input type="radio" name="options" id="option3" autocomplete="off">店舗
45
45
  </label>
46
46
  </div>