-2

Firefoxで完全に機能し、検査では.search-inputクラスに影響を与えていることが示されていますが、背景色は表示されず、境界線が表示され、基本的に表示されているのは高さ、幅、およびパディングのみです.

Chrome での表示

Firefox での表示 (正しい形式)

テーマに矛盾はありません。 #abadb3 (ボーダーの色) を検索してもまったく結果が出ません。おそらく、Googleが私の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;}

事前にご協力いただきありがとうございます。

4

2 に答える 2

0

-webkit-appearance: none; を追加する必要があるようです。それが本来のように機能するために。

于 2013-09-29T02:03:21.603 に答える