选择列表的CSS样式输入[type =“??”]

Question

  

可能重复：
  CSS Select Selector

处理选择列表时，与以下内容相当的CSS是什么？

input[type="text"]
input[type="submit"]

Answer 1

input[type="text"] CSS选择器可以分解为;

1. input;找到所有input元素的元素。
2. [type="text"];按type属性为text。
的元素过滤这些元素

由于选择框是<select>元素而不是<input type="select" />，因此您只需使用select选择器，如下所示;

select {
    /* blah blah blah*/
} 

Answer 2

select不是您示例中的输入类型，因此在定位select

时无法使用属性选择器

Answer 3

正如Fabrizio-Calderan所说，select没有type属性。但是，您可以使用data-property并根据此

设置元素的样式

见这里：Select elements by data attribute in CSS

为什么不使用类来设置它？

伪代码：

<select>
    <option class="wise">
    <option class="not-so-wise">
    <option class="meh">
</select>

Answer 4

select {
   border:1px solid green; 
}

  select option {
     font-weight:bold; 
  }

Answer 5

select