mozilla和chrome中的组合框

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

它不适用于Google Chrome。试图搜索很多但没有结果。谢谢大家的帮助......