html - 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

它不适用于谷歌浏览器。试图搜索很多但没有结果。谢谢大家的帮助...