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

My problem is the border style of the combobox.

然后自己设置边框，伙计! :)

border: 2px solid black;

如您所见，这在两个浏览器中是相同的: http://jsfiddle.net/aZt5j/2/