在选择框中填充

Question

我知道选择框对于使用CSS进行样式有点痛苦,但是如果不采用高级技术,无论如何我可以添加一些填充来向下推文本而不用它还在右侧的箭头上添加填充？

Answer 1

将此添加到您的CSS类.也许这有帮助吗？

-webkit-appearance:none;
-moz-appearance:none;
appearance:none;

Answer 2

这里有趣的测试 http://cssdeck.com/labs/styling-select-box-with-css3

作者覆盖了右侧的箭头并创建了自己的箭头，使用供应商前缀的 css 来针对不同的浏览器。完成此操作后，您的填充就完全免费了。