在 Bootstrap 中更改组合框插入符号图标大小

tyu7yeag 于 7个月前发布在 Bootstrap

关注(0)|答案(1)|浏览(80)

我已经使用bootstrap 3框架创建了一个简单的表单。现在我想从选择框中增加组合框插入符号图标（如图所示）的大小。[！[在这里输入图像描述][1][1]
这是我的代码

<div class="col-sm-6">
    <select class="form-control input-lg" id="">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
</div>

字符串
我该如何改变呢？[1]：https://i.stack.imgur.com/GRRhT.png

twitter-bootstrap

来源：https://stackoverflow.com/questions/46709450/change-combobox-caret-icon-size-in-bootstrap

1条答案

按热度按时间

1sbrub3j1#

使用以下CSS属性：

select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
      background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
      background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
    }

字符串

赞(0）回复(0）举报 7个月前

我来回答

在 Bootstrap 中更改组合框插入符号图标大小

1条答案

相关问题

热门标签

最新问答