Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Unknown property '-moz-box-shadow'. Declaration dropped

Tags:

css

firefox

Suddenly what happened to CSS -moz-box-shadow? In my design the Firefox console appeared with a strange problem:

Unknown property '-moz-box-shadow'. Declaration dropped.

But as per the CSS Box Shadow rules I followed all the rules, then what happened? Here is the block where it's directing:

div.area {
  margin: 2px auto;
  border: 1px solid #ededed;
  -moz-box-shadow: 0 0 2px 0 #ccc;
     -webkit-box-shadow: 0 0 2px 0 #ccc;
     box-shadow: 0 0 2px 0 #ccc;
  margin-top: -80px;
  background-color: #ffffff;
  position: relative;
}

I tried the following too:

div.area {
      -moz-box-shadow: 0 0 2px #ccc;
         -webkit-box-shadow: 0 0 2px #ccc;
         box-shadow: 0 0 2px #ccc;
}

I'm using Mozilla Firefox 20.0.

like image 512
Mayeenul Islam Avatar asked Oct 20 '13 16:10

Mayeenul Islam


3 Answers

Since Firefox supports box-shadow so well, it has no reason to keep -moz-box-shadow around. It dropped support for the prefix in version 13, so if you're really that concerned about a warning and don't mind losing support for older versions of Firefox, you can remove that declaration. Likewise for -webkit-box-shadow for recent versions of WebKit browsers.

like image 161
BoltClock Avatar answered Nov 03 '22 00:11

BoltClock


box-shadow does not require any prefixes since more than an year ago (firefox 4 and chrome 10): https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

like image 35
Ionuț Staicu Avatar answered Nov 02 '22 22:11

Ionuț Staicu


In file .css You just Find and replay moz to webkit

Example

-moz-box-shadow  **to** -webkit-box-shadow

-moz-border-radius **to** -webkit-border-radius

-moz-border-top-left-radius **to** -webkit-border-top-left-radius
like image 2
Uri Goo Avatar answered Nov 02 '22 22:11

Uri Goo