css – 如何更改selectize.js中的插入符号图标?

前端之家收集整理的这篇文章主要介绍了css – 如何更改selectize.js中的插入符号图标?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我想将selectize.js中的插入符号图标更改为bootstrap(glyphicon-menu),如下图所示:

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

最佳答案
我已经弄清楚了.我更改了以下用于呈现图标的(selectize.bootstrap3.css)文件中的css类:

  1. .selectize-control.single .selectize-input:after {
  2. content: '\e259'; /*This will draw the icon*/
  3. font-family: "Glyphicons Halflings";
  4. line-height: 2;
  5. display: block;
  6. position: absolute;
  7. top: -5px;
  8. right: 0;
  9. background-color: white;
  10. padding-right: 2px;
  11. }
  12. .selectize-control.single .selectize-input.dropdown-active:after {
  13. content: '\e260';
  14. font-family: "Glyphicons Halflings";
  15. background-color: white;
  16. padding-right: 2px;
  17. }

猜你在找的CSS相关文章