选择列表的CSS选择器,其大小属性不是1?

选择列表的CSS选择器,其大小属性不是1?,css,Css,是否有一个CSS选择器可以用于将size属性设置为1以外的值的选择列表?我不需要设置target size=“1”或未设置大小属性时 <p>Dont target this:</p> <select> <option value="" selected="selected">Select (multi)</option><option value="0">0</option><option value

是否有一个CSS选择器可以用于将size属性设置为1以外的值的选择列表?我不需要设置target size=“1”或未设置大小属性时

<p>Dont target this:</p> 
<select>
  <option value="" selected="selected">Select (multi)</option><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option>
</select>
<p>Do target this:</p>
<select size="5">
  <option value="" selected="selected">Select (multi)</option><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option>
</select>
不要针对这个:

选择(多功能)012345678910 要做到这一点:

选择(多功能)012345678910

。。。我不需要设置target size=“1”或未设置大小属性时

您需要针对
size
属性的存在:

演示:

反之亦然:

select:not([size]) {
    background-color: blue;
}
。。。我不需要设置target size=“1”或未设置大小属性时

您需要针对
size
属性的存在:

演示:

反之亦然:

select:not([size]) {
    background-color: blue;
}

html:

    <p>Dont target this:</p> 
<select>
  <option value="" selected="selected">Select (multi)</option><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option>
</select>
<p>Do target this:</p>
<select size="5">
  <option value="" selected="selected">Select (multi)</option><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option>
</select>
select[size*="5"]{
  background-color: #1f6053;
}

html:

    <p>Dont target this:</p> 
<select>
  <option value="" selected="selected">Select (multi)</option><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option>
</select>
<p>Do target this:</p>
<select size="5">
  <option value="" selected="selected">Select (multi)</option><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option>
</select>
select[size*="5"]{
  background-color: #1f6053;
}

假设您仅将
size
属性放在
select
具有2个及更多选项的元素上,您可以这样做:

select[size] {
  /* :) */
}

假设您仅将
size
属性放在
select
具有2个及更多选项的元素上,您可以这样做:

select[size] {
  /* :) */
}

按照规定,对于
选择
元素,选择大小属性不为1的元素:


按照规定,对于
选择
元素,选择大小属性不为1的元素:


你不能在你的目标选择元素上添加一个类吗?你能解释为什么你希望基于大小而不是id/类选择器进行选择吗?你不能在你的目标选择元素上添加一个类吗?你能解释为什么你希望基于大小而不是id/类选择器进行选择吗?不完全符合
的要求吗?将size属性设置为除1以外的内容-这将有效地选择所有具有包含5I的size属性的select元素@SW4:)不完全符合
将size属性设置为除1以外的内容-这将有效地选择所有具有包含5I的size属性的select元素@SW4:):)我需要目标size=“2”、size=“3”、size=“4”等,但不是size=“1”。我回答了您问题中的“或”部分:或者当没有设置大小属性时。无论如何,SW4已经回答了问题的另一部分,我看你已经接受了。干杯!我需要目标size=“2”、size=“3”、size=“4”等,但不是size=“1”。我回答了您问题中的“或”部分:或者当没有设置大小属性时。无论如何,SW4已经回答了问题的另一部分,我看你已经接受了。干杯!