マウスオーバー時の背景色を消したいのですが消えません。

Question

CSSについての質問です。

:hover {
background-color: transparent;
}

:hover {
background-color: transparent !important;
}

…このコードでマウスオーバー時の背景色を消したいのですが消えません。
transparentの部分をredや他の#カラーコードにすると反映されます。(ホワイトは何故か反映されませんでした。)

:hover {
pointer-events: none;
}

…このコードだとマウスオーバー時の背景色が消えますが、クリック操作などのマウスイベントも消えてしまうので使えません。

元々表になっていた場所で、その段を交互にマウスオーバー時に背景色がつくようになっていました。
色々試したのですが解決しなかったため、この場合どのように対応したらよいか、教えて頂きたいです（ ; ; ）よろしくお願いいたします。

Comments

[recal]

photoshopの背景色無し状態(市松模様)のようなものをイメージしてたりしますか？

Answer 1

transparentの部分をredや他の#カラーコードにすると反映されます。(ホワイトは何故か反映されませんでした。)

うーん、実は背景がホワイトでhoverじゃないときの背景色が設定されておらず、
transparentやホワイトは効いてるのに背景と見た目一緒だから効いていないと誤認しているという可能性が

Answer 2

単にdivなどにつけた場合きちんと”透明”になりました。

 <div>あああああああああああああああ</div>

div{
background-color: red;
}
div:hover {
background-color: transparent;
}

再現するHTML、CSSを提示してください。
他のCSSが影響している可能性はあります。
ただ、background : none;ではなくtransparent を採用するのはどのような意図でしょうか。
「消す」ならnoneのほうが適当に思います。