选择列表的CSS选择器,其大小属性不是1?
是否有一个CSS选择器可以用于将size属性设置为1以外的值的选择列表?我不需要设置target size=“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
<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已经回答了问题的另一部分,我看你已经接受了。干杯!