CSS选择框在Firefox中的Chrome上是好的，在Firefox中是坏的

我只是尝试为webkit和moz浏览器设置选择框的样式，在webkit上它看起来很棒，但在Firefox中它看起来很糟糕，默认选项与选择框不垂直对齐

你能帮我找出这个代码的错误吗

CSS:

HTML

嘿
hey2
hey3

这里有一把小提琴，你可以看到它在Firefox和Chrome上的外观：/难以置信

我正在使用Chrome最新的34.0版本和Firefox最新的29.0版本

添加填充以进行选择

select{
     min-width: 100%;
     width:inherit;
     background: #fff;
     height: 33px;
     border-radius:5px;
     font-size: 15px;
     padding:5px;
     border:none;
     box-shadow: 0px 0px 30px 20px rgba(255,255,255,0.5) inset,0px 0px 0px 1px #ccc;
}

添加要选择的填充

select{
     min-width: 100%;
     width:inherit;
     background: #fff;
     height: 33px;
     border-radius:5px;
     font-size: 15px;
     padding:5px;
     border:none;
     box-shadow: 0px 0px 30px 20px rgba(255,255,255,0.5) inset,0px 0px 0px 1px #ccc;
}

---

谢谢，伙计，就是那样是的，谢谢，我在这件蠢事上花了宝贵的时间：/谢谢，伙计，就是那样是的，谢谢，我在这件蠢事上花了宝贵的时间：/

select{
     min-width: 100%;
     width:inherit;
     background: #fff;
     height: 33px;
     border-radius:5px;
     font-size: 15px;
     padding:5px;
     border:none;
     box-shadow: 0px 0px 30px 20px rgba(255,255,255,0.5) inset,0px 0px 0px 1px #ccc;
}