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

埃文斯

是否可以使用CSS选择器来将大小属性设置为1以外的选择列表作为目标?我不需要定位size =“ 1”或没有设置size属性时。

<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>

http://codepen.io/anon/pen/nrExe

SW4

如所指定的,对于具有size属性不是1的select元素

演示小提琴

select[size]:not([size='1']) {
    color:red;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章