FireFox嵌入框 - 影子bug

我知道Firefox中有一個盒子陰影（插圖）的bug。它滯後很多。我試圖禁用FF 11的盒子陰影。但-moz-box-shadow：none！important;不管用！瀏覽器剛開始使用屬性box-shadow（不含-moz）。FireFox嵌入框 - 影子bug

.class { 
    box-shadow:inset 0 0 3px #fff; /* for opera */ 
    -webkit-box-shadow:inset 0 0 3px #fff; /* for webkit browsers */ 
    -moz-box-shadow:none!important; /* for FF */ 
}

需要幫助！

來源

2012-04-01 Toon

前綴的屬性和功能不是爲此目的而設計的。解決方案：您可以嘗試在javascript中檢查瀏覽器並相應地添加樣式。 – 19greg96 2012-04-01 18:21:11

-moz-box-shadow不再受Firefox新版本的支持。
希望Chrome和Safari將繼續支持-webkit-box-shadow。因此解決方案可能是：

.class { 
    box-shadow: none; /* turn off shadow for all */ 
    -moz-box-shadow: none; 
    -webkit-box-shadow: inset 0 0 3px; /* turn on shadow for Chrome & Safari */ 
}

來源

2012-12-16 12:38:51 oluckyman

FireFox嵌入框 - 影子bug

回答

相關問題