我不能改變選擇的HTML表單元素的大小而不會產生醜陋的結果，並且完全取決於瀏覽器。如何使用CSS 3自定義「選擇」HTML表單元素？
你知道像一個37信號的方法做了（可惜只針對Webkit的）：http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit
或者任何方法/解決辦法，其工作在FF/Safari /鉻（也許IE ;-)？
我創建了一個具有巨大元素的表單：容易有巨大的按鈕或輸入[文本]，但到目前爲止不可能做到與select相同。
謝謝！
在瀏覽器和操作系統中，這仍然不可能可靠。實際上，這是一種基於JavaScript的解決方案，可以模擬選擇字段。
不幸的是，CSS3不包含任何用於造型<select>框的額外功能。此外，任何試圖使用CSS來設計它們的嘗試都會導致跨瀏覽器的雜亂雜亂。
要走的路將是我過去使用的Javascript/jQuery，here's a jQuery one。如果用戶關閉了Javascript，它將默認爲默認的<select>元素。
隨意瀏覽解決方案以滿足您的需求，如果您尚未使用jQuery，則可能需要使用vanilla Javascript。
非常感謝這個有用的anwser！ – Zouzouwizman 2011-04-13 10:18:12
一定要接受它，如果它幫助@Zouzouwizman;） – Marko 2011-04-13 20:31:25
你可以用這個jQuery的風格你的選擇框：
http://www.adamcoulombe.info/lab/jquery/select-box/
這是很容易實現，並在不支持它的瀏覽器（IE6）很好地降解（默認選擇）。
jQuery插件（包含在下載鏈接）：
customSelect.jquery.js
的Javascript：
$(document).ready(function(){
$('select').customStyle();
});
CSS：
.customStyleSelectBox {
/* Styles For Your Select Box */
}
.customStyleSelectBox.changed {
/* You can use this if you want a different style after user has made a selection */
}
/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {
background:url(canvas-list-nav-item-arrow-.gif) no-repeat center right;
}
圖像預覽：
謝謝！我也試試吧:-) – Zouzouwizman 2011-04-13 10:18:33
你是怎麼走的@Zouzouwizman？你覺得這個jQuery插件有用嗎？ – Dan 2011-06-08 06:34:31
要隱藏選擇箭頭則可以使用該解決方法
select {
overflow:hidden;
width: 120%;
}
好，像大多數其他表單元素，''