ホーム(記事一覧)へ

CSS box-shadow(影)を解除・消す方法

「box-shadowで指定した影を解除して消したいけどどうやるんだろう?」

CSS box-shadow(影)を解除・消す方法を解説します。

【方法1】box-shadow:noneを指定

box-shadow:noneは初期値であり、box-shadowを無効にする値です。

box-shadow(影)を解除・消したいときは「box-shadow:none」を上書きで指定しましょう。

【方法2】box-shadow:initialを指定(IEで効かない)

「initial」はすべてのCSSに指定できる値で、そのCSSを解除・初期値にする値です。

ただし、IEではinitialが効きません

box-shadow:noneを指定したほうが無難でしょう。

【まとめ】box-shadowを解除・消す方法

box-shadow:noneを上書き指定しましょう。

以上、box-shadow(影)を解除・消す方法でした。

関連記事