0

最初のオプション (検索クラブ) のスタイルを探しているので、太字になり、残りは通常のフォントの太さになります。最初のオプションを太字にすることはできますが、ドロップダウンをクリックすると太字にしか表示されず、選択したビューでは通常のままになります

<select name="" id="">
  <option value="">Search Clubs</option>
  <option value="">Bodyshots Kickboxing Gym</option>
  <option value="">Champions Kickboxing Club</option>
  <option value="">North East Mugendo: Forkhill</option>
  <option value="">North East Mugendo: Newry</option>
  <option value="">North East Mugendo: Lordship</option>
</select>
4

1 に答える 1

0

<select>タグのシャドウ DOM のスタイルを設定しようとしているため、これは不可能です。

ここで Shadow DOM について学んでください:

http://glazkov.com/2011/01/14/what-the-heck-is-shadow-dom/

一部のブラウザでは、ある程度のスタイリングが可能です。たとえば、次のようになります。

font-family を変更するとどうなりますか?

select {
  font-family: Cursive;
}

WebKit ブラウザ (Safari、Chrome) は無視します。Firefox、Opera、および IE は変更を尊重します。font-family は select にカスケードしませんが、明示的に宣言する必要があります。

これについてもっと読む：

http://css-tricks.com/dropdown-default-styling/

于 2013-03-28T16:15:21.533 に答える