次のクラスを使用して、select にスタイリングを追加しました。
.form-fields select {
height: 24px;
background: url(/Images/ui/input-bg.jpg) #FFF repeat-x;
border: 1px solid #AAA;
}
これは、Windows 上の Safari でドロップダウン矢印が省略されることを除いて、すべてのブラウザーで機能します。背景と境界線の両方のプロパティ (両方のみ) をコメントアウトすると、矢印は復元されますが、他のすべてのブラウザーでは高さが無視されます。
Windows Safari は少数派であるため、このスタイルを維持したいと考えていますが、すべての人に有効な解決策があるかどうか知りたいです。