フロントエンドエンジニアになりたい

デザイナーなのかコーダーなのかディレクターなのかよくわからない人のブログ。趣味で絵を描きました(過去形)

MacのChromeとSafariでSelect要素に高さを指定しても効かない

-webkit-appearance: menulist-button;を指定すると効きます。

デモ

ちなみに-webkit-appearance: none;ですべての見た目をリセットすることができますが、 矢印等もすべて消えてしまうようなので、高さだけなんとかしたい場合は個別に対策が良さそうです。 (見た目に影響しますが、border:none;でも高さを効かせることができます)

css - How to increase the height of the select box - Stack Overflow

webkit-appearanceの一覧はこちら