[CSS] 背景色を無効にする（transparent）

2019年8月6日

例えば共通のCSSで指定されている背景色を無効にしたいなどの場合、
background-colorに transparentを指定すれば無効にすることができます。

指定されている背景色を無効にする

<style>
  p{background-color:yellow;}
</style>
<p style="background-color:transparent;">あいうえお</p>

<style>

p{background-color:yellow;}

</style>

<p style="background-color:transparent;">あいうえお</p>

【結果】

あいうえお

うまくいかない場合は、以下のように最後に「!important」を付加してみて下さい。
例）background-color:transparent !important;
background-color以外にも、CSS上で色を指定する箇所なら使用できます。