Bootstrap selectpicker搜索框字体大小
Bootstrap selectpicker search box font size
是否可以更改 Bootstrap select 中搜索框的字体大小?
<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>
你是这个意思吗?
.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>
如果你使用的是Bootstrap-Select,那么你可以使用下面的css:
.filter-option {
font-size: 30px;
}
Bootstrap-Select 为你生成一些 HTML,所以你想要的是检查 HTML 然后写一些 CSS 来覆盖由图书馆。
CSS:
.bs-searchbox > input {
font-size: 20px;
}
这应该适合你。希望这能回答您的问题。
是否可以更改 Bootstrap select 中搜索框的字体大小?
<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>
你是这个意思吗?
.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>
如果你使用的是Bootstrap-Select,那么你可以使用下面的css:
.filter-option {
font-size: 30px;
}
Bootstrap-Select 为你生成一些 HTML,所以你想要的是检查 HTML 然后写一些 CSS 来覆盖由图书馆。
CSS:
.bs-searchbox > input {
font-size: 20px;
}
这应该适合你。希望这能回答您的问题。