0

我在http://afv.com上使用了 Google CSE ,结果页面对于 Firefox 和 Safari 来说非常不稳定。这是我看到的:

铬(看起来很完美):

在此处输入图像描述

Firefox(蓝色按钮中的放大镜消失,文本从输入字段底部掉出):

在此处输入图像描述

Safari(输入字段太宽,将蓝色按钮发送到页面边缘):

在此处输入图像描述

我已经搞砸了谷歌给我的样式表,试图覆盖一些样式并标准化输出,但我不明白为什么它在浏览器中如此奇怪。有什么想法吗?我知道使用 CSE 有点麻烦,我不得不将它硬塞到我的布局中,但是这些图片显示了一些不正确的布局(或者在 Safari 的情况下,非常不正确),而不仅仅是轻微的格式问题。

4

1 回答 1

0

这可能是因为您自己的某些 css 正在影响搜索按钮(例如引导程序或 css 重置等库)。如果您尝试没有任何其他样式的搜索按钮 - 例如这个:

enter code herehttp://jsfiddle.net/buQL3/1/show_html/

它应该正确渲染(在 OS X 10.8.5 最新的 Chrome、Firefox 24 和 Safari 6.0.5 中对我来说渲染得很好)。

于 2013-10-27T19:29:32.983 回答