4

selectという言葉をたくさん使ったのは知っています...ごめんなさい。

とにかく、まだ選択が行われていないページ上の HTML Select 要素を識別するために使用できる CSS セレクターを探しています。選択の最初の要素として空のオプションがあります。それが役立つ場合は...使用してください。

これまでの私の愚かな試み: select:empty select[selectedIndex="0"]

<select>
  <option value="" />
  <option value="real selection" />
<select>

したがって、基本的に、オプションが選択されていない、選択の値が 0 である、または選択のインデックスが 0 であるすべての選択を見つけたいと考えています (これらは私のシナリオでは同等です)。このようにして、画面上のそれらを強調表示して、ユーザーに「やるべきことがもっとある」と知らせることができます。

参考までに: 疑似および CSS3 セレクターは、このシナリオでも問題ありません。

4

1 に答える 1

0

これは CSS 3 では不可能です。

セレクター レベル 4 がサポートされている場合 (このビットが変更されないと仮定) 、セレクターのサブジェクトがセレクターの最後の項目以外であると判断できます。

select {
    /* Default. Put non-selected styles here */
}

!select > option + option:checked {
    /* An option following another option (so not the first option) is selected */
}

optgroup処理する要素がある場合は、セレクターをより複雑にする必要があります。

于 2013-07-11T15:34:56.917 に答える