wordpress - Chrome 覆盖了我的 CSS 样式？

Question

它在 Firefox 中完美运行，检查显示它正在影响 .search-input 类，但它不显示背景颜色，它显示边框，基本上唯一显示的内容是高度、宽度和填充。

它在 Chrome 中的外观

它在 Firefox 中的外观（正确形式）

主题没有冲突，搜索#abadb3（边框颜色）绝对没有结果。就像谷歌可能覆盖了我的 CSS 一样？

我正在使用谷歌浏览器版本 27.0.1453.110 m

标记：

.topbar > div .search-input {
height:49px;
border:none;
width:49px;
background-color:#F00;
background-image:url(img/i_magni.png);
background-repeat:no-repeat;
padding-left:49px;
float:right;    
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;}

.topbar .search-input:focus {
width:310px;
padding-left:55px;
background-position:bottom left;}

提前感谢您的帮助。

Answer 1

添加以下 CSS：

-webkit-appearance: none;

Answer 2

修复它，显然你需要添加 -webkit-appearance: none; 让它像它应该的那样工作。