css |ボタン：ホバーの背景はまだ灰色です

-1

私は、グリッドの横にあるボタン（button.term）がホバーすると灰色に変わったことに気付きました。私は擬似クラス（ホバー、フォーカス、アクティブ、訪問）を白に設定しました！重要ですが、それでも動作しません。css |ボタン：ホバーの背景はまだ灰色です

Website

出典

2016-10-06 Michael Cool

一般に、SOのほとんどの人は、このような問題を見つけるためにランダムなウェブサイトのリンクをクリックしません。問題を再現してここに投稿するには、JSFiddleを設定する必要があります。 – WillardSolutions

スタイルをオーバーライドしているものを調べて調べる – Huangism

コードを表示できますか？ –

CSSに追加します。

box-shadow:none;

.is-desktop #course_grid button.term { 
    flex-basis: 7.5%; 
    color: transparent!important; 
    background: no-repeat center center; 
    background-color: white !important; 
    background-size: contain; 
    opacity: 0.7; 
    box-shadow: none; 
}

出典

2016-10-06 13:15:26 Albzi

素晴らしいです、ありがとう！ –

box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.15);

これはあなたのコードを上書きします。

出典

2016-10-06 13:16:04

ありがとうございましたが、必要ではありませんでした。 "none"で十分でした –

これは元のコードでした。ちょうど問題がどこにあるのかを指摘したので、あなた自身で解決してそれから学ぶことができました;） –

あなたはこの

.class-dvi .button:hover {background-color: white}

もあなたはボックスシャドウ使用できるリンクがあれば前にクラス固有のことができ、あなたのコードに

<style> 
 
    button:hover{ 
 
    box-shadow: none !important; 
 
    } 
 
    </style>

出典

2016-10-06 13:23:57

それは働きました、ありがとう！ –

これを追加：なし。あなたが必要とは思わない。

それとも、あなたはコードをより単純な答えますでしょう投稿する場合.term button:hover

を記述する必要がクラスbutton.termを追加しています。

出典

2016-10-06 13:32:28

ボックスシャドーだった、ありがとう！ –

css |ボタン：ホバーの背景はまだ灰色です

答えて

関連する問題