html - Bootstrap 选择器搜索框字体大小

Question

是否可以更改 Bootstrap 选择中搜索框的字体大小？

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<select class="selectpicker" data-live-search="true">
    <option>Option 1</option>
    <option>Option 2</option>
</select>

Answer 1

Bootstrap-Select会为您生成一些 HTML，因此您需要检查 HTML，然后编写一些 CSS 来覆盖库提供的属性。

CSS：

.bs-searchbox > input {
  font-size: 20px;
}

这应该适合你。希望这能回答你的问题。

Answer 2

你的意思是这样吗？

.selectpicker{
  font-size: 15px !important;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<select class="selectpicker" data-live-search="true">
    <option>Option 1</option>
    <option>Option 2</option>
</select>

Answer 3

如果您使用的是Bootstrap-Select，那么您可以使用以下 css：

.filter-option {
    font-size: 30px;
}