我不能改变选择的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%;
}
好，像大多数其他表单元素，''