β

通过css修改select下拉列表框的默认样式

资源共享 58 阅读

实现原理很简单,就是通过把浏览器默认的下拉框样式清除,自定义select样式,再把默认的下拉按钮替换为张向右对齐的小箭头图标即可,具体代码如下。


select {
	/*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/
	border: solid 1px #000;

	/*很关键:将默认的select选择框样式清除*/
	appearance:none;
...


阅读全文>>
作者:资源共享
低调共享者
原文地址:通过css修改select下拉列表框的默认样式, 感谢原作者分享。

发表评论