Mozilla和chrome中的组合框答案

【问题标题】：combobox in mozilla and chromeMozilla和chrome中的组合框
【发布时间】：2012-12-28 08:56:53
【问题描述】：

这是我的选择框的代码：

<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

【问题讨论】：

@VijaySarin 说了什么。这两种浏览器都使用不同的渲染引擎； AFAIK。
为此，我开发了一个自定义组合框。但那工作太乏味了。
您的主要问题是什么？大小、颜色、字体样式？
我的问题是组合框的边框样式。在 Mozilla 中，边框样式是正确的。但在 chrome 中却不是。使用 -webkit-aapearance: none 时与 mozilla 相同，但下拉列表消失
你是指下拉列表还是点击前的普通视图？

标签： html css google-chrome mozilla

【解决方案1】：

我的问题是组合框的边框样式。

那就自己设置边框吧，伙计！ :)

border: 2px solid black;

如您所见，在两种浏览器中都是一样的： http://jsfiddle.net/aZt5j/2/

【讨论】：

【解决方案2】：

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

【讨论】：