サファリの1px区切り線（オプション）を持つ選択ボックス

Question

選択ボックスに1px区切り線（オプション）を追加しようとしています。下記のデモを参照してください。

これはchromw windows/macではうまくいきますが、サファリでは機能しません。厚い普通の高さオプションがあります。

私はかなりのスタイルを試してみましたが、サファリには幸運はありませんでした。

サファリでどのように同じ効果を得ることができますか？

<select size=6> 
 
    <option>First Option</option> 
 
    <option>Second</option> 
 
    <option style="line-height: 1px !important;height:1px !important; min-height:1px !important; max-height:1px !important; padding:0 !important; font-size: 1pt !important; background-color: #000000;" disabled>&nbsp;</option> 
 
    <option>Third</option> 
 
    <option>Fourth</option> 
 
</select>

Answer 1

あなたが一緒にグループオプションを意味的にしようとしている場合は、代わりにスタイルの、この目的のために設計された<optgroup> html tagを使用することを検討してください。例：

<select> 
 
    <optgroup label="Group A"> 
 
    <option>First Option</option> 
 
    <option>Second</option> 
 
    </optgroup> 
 
    <optgroup label="Group B"> 
 
    <option>Third</option> 
 
    <option>Fourth</option> 
 
    </optgroup> 
 
</select>