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

回答

相关问题