Select2 样式

设置显示框内文字的大小和样式

.select2-container--default .select2-selection--single .select2-selection__rendered {font-family: MicrosoftYaHei;font-size: 14px;line-height: 28px;
}

设置显示框的样式

.select2-container .select2-selection--single {height: 28px !important;border: 1px solid #B4B4B4;border-radius: 3px 3px;
}

设置下拉框的位置（忘记有没有用了，需要测试）

 .select2-container--default .search_select_input {width: 79px !important;border: 1px solid #b4b4b4;font-size: 13px;padding-left: 5px;font-family: MicrosoftYaHei;
}

设置下拉框选项中的文字样式和大小

.select2-results__option {font-size: 14px;
}

Select2 样式相关推荐

jquery 下拉框 select2 运用笔记
1,添加select2 样式参考(https://select2.org/ ) 2,Html: <select id="txtType" name="Type& ...
select2 多选下拉框的使用
1.引入select2的js.css文件:(建议最好下载到本地后,再本地引入) <link href="https://cdnjs.cloudflare.com/ajax/libs/s ...
select下拉框笔记
以前记得select很溜的,好久没写前端都忘完了,把以前的代码又看了下,得做笔记啊一 2018-09-08 09:11:40 select里面应当填充List<Map<String, S ...
layui中layui-form与select2下拉多选样式冲突的解决方案
layui中layui-form与select2下拉多选样式冲突的解决方案@TOC 去掉搜索按钮打开控制面板f12 查看元素可以看到搜索按钮是由after动态生成,找到这个样式文件,然后注释清除 ...
bootstrap与Select2使用小结
这个select2组件的功能确实很强大,可以将图片放入到select里面随着文字一起显示. 组件的下载地址以及API说明地址: 1.Select2使用示例地址:https://select2.gith ...
select2 使用
2019独角兽企业重金招聘Python工程师标准>>> 参考文档: http://blog.csdn.net/u014388408/article/details/50587405 ...
前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)
0. 前端自动化(Workflow) 前端构建工具 Webpack - module bundler Yeoman - a set of tools for automating developmen ...
select2 api参数的文档
select2 api参数的文档具体参数可以参考一下: 参数类型描述 Width 字符串控制宽度样式属性的Select2容器div minimumInputLength int 最小数量的 ...
datetimepicker 基础使用/select2 基础使用
1.datetimepicker 日期控件,注意bootstrap的版本2和3对日期控件有不同class设置 <link href="Content/themes/datetimepi ...

Select2 样式

Select2 样式相关推荐

最新文章

热门文章