如何使用css修复自定义选择框？

我想修改使用CSS的默认选择框。我已经完成了。但是，在Firefox上发生了一些问题。什么我还是做了现在：如何使用css修复自定义选择框？

这是对除了Firefox和IE的所有浏览器中完美的结果

在Firefox中，有问题：

（1）有一个选择框右侧的意外边框
（2）选择框的文本填充比其他输入字段大得多。

在IE上，发生了同样的问题。在选择框的右侧有一个意外的和非常清晰的框：

如何从firefox和IE中删除意外的行/框。另外，什么可以负责填充问题在Firefox？我使用this tutorial's concept来自定义仅使用CSS的选择框。我已经把我的代码在

jsfiddle.net/w9kFc/1/

（我不能从外部链接的jsfiddle添加所选图标的形象。所以，我已经采取了局部截图但是，我已经给了image's link在的jsfiddle代码）

您可以使用HTML if语句并链接“修复”css文件以向特定元素添加额外的边距/填充。 –

Firefox 26这里的填充仍然搞砸了，但没有奇怪的边框。另外，这个小“意外的盒子”只是默认的下拉图标。 – Markasoftware

是的，我想删除该默认下拉图标。为此，我写了关于代码，apparence：none;但是，它不工作100％可能是Firefox和IE – user1896653

这似乎在IE10工作：jsFiddle

添加了select周围label。用padding代替text-indent。

2013-08-27 18:58:43 jim31415

非常感谢，它对我有用:) – user1896653

回答