Chrome覆盖了我的css风格？

Question

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

How it looks in Chrome

How it looks in Firefox (correct form)

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

我正在使用Google Chrome版本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;因为它应该像它应该的那样工作。