0

モバイル ブラウザのドロップダウン リストのスタイルを設定したい。

次のようになります。ここに画像の説明を入力

そして、私はそれを次のようにしたい:

ここに画像の説明を入力

次のような CSS を適用しました。

background-image:url("../images/mobilecategory.png");
background-position:center center;
background-repeat:no-repeat;
background-size:100%;
width:200px;
height:40px;

しかし、それは機能していません。

誰かがそれについて何か考えを持っているなら、共有してください。

ありがとう！！！

4

1 に答える 1

0

次のようにドロップダウンのスタイルを設定できます。

border-radius:0px !important;
-webkit-border-radius:0px !important;
border-top-left-radius:0px !important;

border: 1px #abc1cf solid !important;

-webkit-appearance: none;  /*Removes default chrome and safari style*/
-moz-appearance: none;  /*Removes default style Firefox*/
background: url('../images/arrow.png')  no-repeat;
background-position: right center;
text-indent: 0.01px; 
text-overflow: ""; 
color: #6b6b6b;  
font-weight:bold;

これを試して。

于 2013-11-11T14:25:18.273 に答える