フォーム要素が「汚れている」(変更が保存されていない) 場合に、フォーム要素に配置する背景画像があります。画像は を使用していbackground-position: right centerます。
ただし、Safari では、画像は黒い三角形の下に表示され、マウスをその上に置くと、表示されるボタンによって背景画像 (小さい) が完全に覆われます。
他のブラウザがそのボタンの左端で右側を開始するときに、Safari が右側の三角形のボタン内のスペースを右側の境界線内のスペースの一部として扱う理由がわかりません. うーん。
背景画像をドロップダウン矢印/ボタンのスペースの左側に表示する CSS の方法はありますか? グーグルで Safari の select 要素がパディングと言葉を交わしていないことに気付きました。
フィドル: http://jsfiddle.net/jinglesthula/uwKpS/
この問題は Safari 5.1.7 Win7 で発生しています (OSX にアクセスして問題があるかどうかをテストすることはできません)。