如何让slect下拉图标显示在左边
1、首先在编辑器中新建立一个html页面,命名为select.html标题为“如何让slect下拉图标显示在左边”。
2、自己做一个下拉的小图标放在该文件目录下的images的文件夹中。
3、在selecthtml的body中加入一个select控件,并列出两个选项
4、为了能看的更清楚一些,给select控件加一个样式设置宽为200像素,适当的往页面的中间调整一下。
5、为了加自己定制的图标首先将默认的select选择框样式清除掉将appearance设置为none;
6、在样式中加入向下箭头图片的背景 图片,并将图标的位置设置在select的左边
7、select的选项的文字压在了图标上这样是很不美观的,我们可以将文字向右移动下,将箭头图标完全显示出来
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:43
阅读量:61
阅读量:76
阅读量:73
阅读量:64