如何控制下拉可见文本位置？

Question

我有一个下拉列表，我正在寻找放大而不会影响文本，并确保右手向下箭头保持在元素的完整高度。

我尝试过添加填充但这会影响右侧：

Dropdown with padding http://hoctordesign.com/dropdown2.png

我已经累了添加高度，但我不能垂直对齐文字：

Dropdown with height http://hoctordesign.com/dropdown.png

之前有人解决了这个问题吗？

谢谢， 丹尼斯

Answer 1

这是与浏览器相关的行为。每个浏览器以不同方式应用css来形成控件。

你可以做的最好的细分（我遇到的）是http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/。最相关的部分是http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single/

Answer 2

在你的情况下，最好使用一个像选择框一样的自定义元素。

这是一个很好的使用jQuery

Select Box replacement