如何更改selectize.js中的插入符号图标? [英] How to change the caret icon in selectize.js?

问题描述

我想将selectize.js中的插入符号图标更改为引导程序(glyphicon-menu)，如下图所示:

I want to change the caret icon in selectize.js to be like bootstrap's (glyphicon-menu) as shown in the image below:

我正在使用(selectize.bootstrap3.css)并尝试使用此CSS文件，但没有运气.

I am using (selectize.bootstrap3.css) and tried to play with this css file but no luck.

推荐答案

我已经弄清楚了.我在呈现图标的(selectize.bootstrap3.css)文件中更改了以下css类:

I have figured it out. I changed the following css classes inside (selectize.bootstrap3.css) file that render the icon:

.selectize-control.single .selectize-input:after {
        content: '\e259'; /*This will draw the icon*/
        font-family: "Glyphicons Halflings";
        line-height: 2;
        display: block;
        position: absolute;
        top: -5px;
        right: 0;
        background-color: white;
        padding-right: 2px;
           }

    .selectize-control.single .selectize-input.dropdown-active:after {
        content: '\e260';
        font-family: "Glyphicons Halflings";
        background-color: white;
        padding-right: 2px;

    }

这篇关于如何更改selectize.js中的插入符号图标?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！