html - モジラとクロームのコンボボックス

Question

これは私の選択ボックスのコードです：

<select id="username" name="username" class="form-select ajax-processed" onchange="f1(this.value)">
<option value="">Select User</option>
</select>

そして、これに使用されるスタイルは次のとおりです。

input.form-text,textarea.form-textarea,select.form-select { 
border: 1px solid #ccc;
width: 180px;
font-size: 12px;
outline: none;
outline-color: #ccc;
}

ChromeコンボボックスをMozillaと同じように見せるためにどうすればいいですか？書くとき-webkit-appearance

Answer 1

私の問題は、コンボボックスの境界線のスタイルです。

次に、自分で境界線を設定します。:)

border: 2px solid black;

ご覧のとおり、どちらのブラウザでも同じです：http: //jsfiddle.net/aZt5j/2/

Answer 2

グーグルクロームでは動作しません。たくさん検索しようとしましたが、結果がありませんでした。助けてくれてありがとう...