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

Question

我正在尝试使用CSS修改默认选择框。我已经做到了。但是，firefox发生了一些问题。我现在还做了什么：

除了firefox和IE之外，它在所有浏览器上都是完美的结果

在Firefox上，存在以下问题：

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

在IE，同样的问题发生了。选择框右侧有意外且清晰的框：

如何从firefox和IE中删除该意外的行/框。另外，什么可以导致firefox的填充问题？

好吧，我使用this tutorial's concept仅使用CSS自定义选择框。我把我的代码放在了

jsfiddle.net/w9kFc/1 /

（我无法在外部链接的jsfiddle处添加select-icon图像。所以，我在本地拍摄了截图。但是，我已经在jsfiddle代码中给出了image's link。）

Answer 1

这似乎适用于IE10：jsFiddle

在label附近添加了select。 将text-indent替换为padding。