組合框在Mozilla和Chrome

這是我的選擇框代碼：用於此組合框在Mozilla和Chrome

<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; 
}

如何使鉻組合框看起來一樣的Mozilla？寫時-webkit-appearance

來源

2012-12-28 Shrikant Venne

不可能我認爲 –

什麼@VijaySarin說。這兩個瀏覽器使用不同的渲染引擎;據我所知。 –

爲此我工作在自定義組合框。但那是太乏味的工作。 –

它不會對谷歌的Chrome瀏覽器。試圖搜索很多，但沒有結果。謝謝大家的幫助...

來源

2013-01-17 12:41:46

我的問題是組合框的邊框樣式。

然後自己設置邊框，隊友！ :)

border: 2px solid black;

正如你可以看到，這是在兩種瀏覽器相同的： http://jsfiddle.net/aZt5j/2/

來源

2012-12-28 10:08:23 Ivozor

組合框在Mozilla和Chrome

回答

相關問題