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

質問編集履歴

1

要件の追加(hover時)

2017/11/11 00:48

投稿

penguin_mask
penguin_mask

スコア14

title CHANGED
@@ -1,1 +1,1 @@
1
- bootstrap使用時にリンクをドラッグするとリンクのCSSが無効化される
1
+ bootstrap使用時にリンクをhoverとドラッグするとリンクのCSSが無効化される
body CHANGED
@@ -54,11 +54,17 @@
54
54
  }
55
55
  ```
56
56
  一見するとうまくいったかのように見えたのですが、ある問題を見つけました
57
- それは、リンクをドラッグしたときにli要素の中のa要素のcolor: #fff;とtext-decoration: none;が効かなくなることです
57
+ それは、リンクをhoverとドラッグしたときにli要素の中のa要素のcolor: #fff;とtext-decoration: none;が効かなくなることです
58
+
59
+ hoverしたとき
60
+ ![イメージ説明](c6bfec904f1a7b4841d90e28bf3884fc.png)
61
+
62
+ ドラッグしたとき
58
63
  ![イメージ説明](66adc43260358056e237dd60776ae301.png)
59
64
  (このようになってしまいます。他の場所をクリックすると元に戻ります)
60
65
 
61
66
  何が悪さをしているのか見当がつかなかったので、bootstrapの読み込みをコメントアウトしてみたらこのようなことが起こらなくなりました
67
+ ![イメージ説明](390ffe3ea246c7a5fb0912fb22fb1252.png)
62
68
  ![イメージ説明](1bb645f0fad3573e56663dd082e52cd2.png)
63
69
 
64
- ヘッダーのナビゲーションでは素のhtmlとcssを使って、メインコンテンツのレスポンシブ対応でbootstrapのグリッドを使おうと思っていたのですが、bootstrapを読み込んだ状態でリンクをドラッグしてもCSSが無効化されない方法はあるのでしょうか?
70
+ ヘッダーのナビゲーションでは素のhtmlとcssを使って、メインコンテンツのレスポンシブ対応でbootstrapのグリッドを使おうと思っていたのですが、bootstrapを読み込んだ状態でリンクをhoverとドラッグしてもCSSが無効化されない方法はあるのでしょうか?