CSS無法在Safari瀏覽器中運行 - 在Chrome瀏覽器中運行正常，Firefox

我的網站是http://proustscookies.blogspot.com/。我正在使用CSS設計附加到搜索表單的按鈕樣式。CSS無法在Safari瀏覽器中運行 - 在Chrome瀏覽器中運行正常，Firefox

這裏是CSS：

input.gsc-search-button { 
margin-left: 10px; 
height: 24px; 
width: 60px; 
border-style: none; 
background-color: #666666; 
font-family: Helvetica, Arial, sans-serif; 
font-size: 13px; 
color: #FFFFFF; 
}

的保證金左命令在火狐和Chrome的工作很好，但不是在所有的Safari。

所有其他的CSS規則（上面和整個網站，數據沒有顯示）在所有三個瀏覽器（我最後一次也在IE中檢查）工作。

我使用Chrome Extension Stylebot找到了對象名稱（input.gsc-search-button）。不幸的是，我無法在任何地方找到底層html（這是一個博主推薦的小部件，Google可以將代碼隱藏在某處嗎？我不知道）

如果有人能幫我弄清爲什麼邊緣不是'在Safari中顯示，或者如何找到搜索框的html，我將非常感激。

來源

2013-03-08 mm524

它被谷歌覆蓋。如果你這樣做：

margin-left: 10px!important;

你可以重寫。

或者你可以讓你的選擇更具體的（並因此給它的優先級）通過執行類似

td.gsc-search-button input.gsc-search-button { 
    margin-left: 10px; 
}

提示：您可以右鍵單擊某個元素（在Firefox或Chrome），然後點擊「檢查元素「看到與該元素相關的CSS。

來源

2013-03-08 03:53:39

我有一個類似的問題，其中所有樣式都正確應用除了移動Safari瀏覽器，很奇怪。它甚至在桌面Safari瀏覽器上工作！

最後，我用更精確的目標進行了修正。我之前有這個：

.phone{ 
    background-color:gray; 
}

這個改變修復了它。

div.phone { 
    background-color:gray; 
    }

順便說一句，我在移動Safari瀏覽器上使用檢查員的方法計算出來。 http://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787

來源

2016-08-12 20:07:26 littlequest

CSS無法在Safari瀏覽器中運行 - 在Chrome瀏覽器中運行正常，Firefox

回答

相關問題