【问题标题】:Having problems with CSS cross browser look and feelCSS跨浏览器外观有问题
【发布时间】:2012-02-29 01:18:25
【问题描述】:

我在让它在 IE、FireFox、Opera、Chrome 和 Safari 中看起来不错时遇到了一些问题。

Opera 和 Firefox 是一样的,但 IE、Chrome 和 Safari 的外观有点不同。 尤其是 Chrome 中的输入圆角。

这是我的代码http://jsfiddle.net/VKuD6/2/

谁能指出我获得“相同”跨浏览器外观和感觉的正确方向?

【问题讨论】:

    标签: css


    【解决方案1】:

    webkit 中的搜索框有一些默认样式,您可以使用它来摆脱:

    -webkit-appearance: textfield;
    

    应该对其进行排序,至少部分排序。 你确实松开了明文十字按钮。 - 显然不是

    另外,你应该看看这个,关于搜索输入http://css-tricks.com/webkit-html5-search-inputs/的好信息

    希望有帮助:)

    【讨论】:

    • 谢谢,成功了。你知道如何在 Chrome/Safari 中获得与在 Firefox/Opera 中相同的高度吗?
    • 好的,这澄清了一些事情。 To bad Web kits 对搜索字段有很多限制:(
    • 如果您设置了字体大小、行高、内边距、边框和边距,应该会有帮助。这些都是影响输入大小的因素。如果你这样做,我认为它们应该几乎相同。您也许可以使用以下内容:bastianallgeier.com/css_browser_selector 定位特定浏览器以消除所有小问题。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-03-03
    • 2011-09-11
    • 2021-04-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多