は、私は次のコードを持っていると私は、選択ボックス、すなわちオプションの最後のオプションを非表示にするCSS

Question

を使用して選択ボックス内のオプションを隠します仕事はありません。

ご協力いただきまして誠にありがとうございます。前もって感謝します。

Answer 1

select option[value=three] { 
 
    display: none; 
 
}

<select name="test"> 
 
    <option value="one">1</option> 
 
    <optgroup label="emails"> 
 
    <option value="two">2</option> 
 
    </optgroup> 
 
    <option value="three">3</option> 
 
</select>

Answer 2

以下の私の試み基本的に何をしたいが、select要素の最後の直接のoption子非表示にすることです参照してください。

select > option:last-child { display: none; }

<select name="test"> 
 
    <option value="one">1</option> 
 
    <optgroup label="emails"> 
 
    <option value="two">2</option> 
 
    </optgroup> 
 
    <option value="three">3</option> 
 
    </select>

を

Answer 3

CSSのちょっとした編集です。 :)

select[name="test"] > option:last-child { display: none;}

<select name="test"> 
 
    <option value="one">1</option> 
 
    <optgroup label="emails"> 
 
    <option value="two">2</option> 
 
    </optgroup> 
 
    <option value="three">3</option> 
 
    </select>

Answer 4

また、このような値セレクタを使用することができます。

option[value="three"] { 
 
    display: none; 
 
}

<select name="test"> 
 
    <option value="one">1</option> 
 
    <optgroup label="emails"> 
 
    <option value="two">2</option> 
 
    </optgroup> 
 
    <option value="three">3</option> 
 
</select>