使用select2设置<select>的样式

Question

最近有人告诉我要使用select2在下拉列表中包含一个搜索栏。我在设置样式时遇到麻烦，我附加到选择框的任何样式都不会生效，甚至使用！important。

Answer 1

这取决于您要设置样式以及如何选择元素。

在此示例中，我具有边框和输入框高度的样式。请注意，此样式将适用于您所有的select2框

http://jsfiddle.net/2tduypwx/

.select2-search__field{
  height:80px;
}

.select2-container--default .select2-selection--single{
  border:1px solid red;
  border-radius:0;
}