2

我的网站是http://proustscookies.blogspot.com/。我正在使用 CSS 对附加到搜索表单的按钮进行样式设置。

这是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;
}

margin-left 命令在 Firefox 和 Chrome 中运行良好，但在 Safari 中根本不行。

所有其他 CSS 规则（网站上方和整个网站，数据未显示）在所有三种浏览器中都有效（上次我也在 IE 中检查过）。

我使用 Chrome Extension Stylebot 找到了对象名称（input.gsc-search-button）。不幸的是，我在任何地方都找不到底层的 html（这是一个博主赞助的小部件。谷歌会在某处隐藏代码吗？我不知道。）

如果有人能帮我弄清楚为什么 Safari 中没有显示边距，或者如何找到搜索框的 html，我将不胜感激。

4

2 回答 2

2

It's overridden by google. If you do:

margin-left: 10px!important;

You can override that.

Or you could make your selector more specific (and hence give it precedence) by doing something like

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

Hint: you can right click on an element (in firefox or chrome) and click "inspect element" to see the css associated with that element.

于 2013-03-08T03:53:39.733 回答
1

我有一个类似的问题，除了移动 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-12T20:07:26.407 回答