如何控制下拉的可見文字位置？

Question

我有一個下拉框，我正在尋找放大而不影響文本，並確保右手向下的箭頭保持在元素的全部高度。

我已經嘗試添加填充但這種效應的右側：

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

我已經累加高度，但我不能垂直對齊文本：

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

以前有誰解決過這個問題？

感謝， 丹尼斯

Answer 1

在你的情況下，最好使用一個像選擇框一樣的自定義元素。

這裏是一個很好的一個使用jQuery

Select Box replacement

Answer 2

這是瀏覽器的依賴行爲。每個瀏覽器應用css來形成不同的控件。

你可以做什麼（我碰到過）的最佳細分爲http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/。而最相關的部分是http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single/