如何修改select的样式

页面引入:

<link rel="stylesheet" href="common/chosen/chosen.css">
<script type="text/javascript" src="common/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="common/chosen/chosen.jquery.js"></script>

页面上select:

<select class="chosen-select" data-placeholder="请选择"><option value=""></option><option value="1">男</option><option value="2">女</option></select>

基本的样式:

.chosen-select {width: 300px;border-radius: 4px;
}

修改chosen.css的样式:

/* @end *//* @group Single Chosen */
.chosen-container-single .chosen-single {position: relative;display: block;overflow: hidden;text-decoration: none;white-space: nowrap;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

实现效果:

如何修改select的样式相关推荐

修改select默认样式
html代码: <select class="db"><option value ="volvo">volvo</option&g ...
css中appearance:none修改select option样式
https://www.xinran001.com/frontend/145.html select option有浏览器默认样式,且对自己的样式有一定的保护(基于css规则). 这个保护就是appe ...
css修改select下拉列表的默认样式
select的一些默认样式我们很难修改,比如图标的替换.接下来就说说如何修改这些默认样式: html代码: <div><select name=""> &l ...
Antd select dropdown 样式修改
Antd select dropdown 样式修改官网提供了dropdownClassName属性,链接测试代码: <template><div class="sele ...
html select样式修改,select标签的默认样式修改
在项目中,用到select标签,需要对select标签自定义样式. 在chrome浏览器中会对select有一个默认的border-radius,并且无法去掉. 可以通过下面的方法来解决: 1.需要通 ...
Python可视化matplotlib自定义：运行时参数修改、自定义样式、默认样式+plt.style.use()
Python可视化matplotlib自定义:运行时参数修改.自定义样式.默认样式+plt.style.use() 目录 Python可视化matplotlib自定义:运行时参数修改.自定义样式.默认 ...
vue组件中的样式属性：scoped，解决在父组件中无法修改子组件样式问题
Scoped CSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范. vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素,它是通过使 ...
html里range怎么改样式,CSS之修改input range样式 [ lion1ou ]
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 今天来探讨一下 HTML5 的 range 这个新的 input 类型,不过重点不是在 range 要如何使用,而是在如 ...
让代码看起来更舒服, 修改VS颜色样式
让代码看起来更舒服, 修改VS颜色样式这个blog转载多余原创,越来越忙,代码写的越来越多,眼睛也越来越不舒服,看到了Windie Chai的VS的样式,强烈要求他分享,于是得到了下面两个blog, ...

如何修改select的样式

如何修改select的样式相关推荐

最新文章

热门文章