【如何让slect下拉图标显示在左边】select 元素是一种表单控件可以在select中列出多选项供选择 ， 在前端用到比力多 ， 可是凡是的下拉图标都是在右侧 ， 若是有特别要求怎么来把图标显示左侧呢？
需要这些哦
编纂器
浏览器
图标图片
方式/
1起首在编纂器中新成立一个html页面 ， 定名为select.html题目为“若何让slect下拉图标显示在左边” 。
文章插图
2本身做一个下拉的小图标放在该文件目次下的images的文件夹中 。
文章插图
3在selecthtml的body中插手一个select控件 ， 并列出两个选项
4为了能看的更清晰一些 ， 给select控件加一个样式设置宽为200像素 ， 恰当的往页面的中心调整一下 。
文章插图
文章插图
5为了加本身定制的图标起首将默认的select选择框样式断根失落将appearance设置为none；
文章插图
文章插图
6在样式中插手标的目的下箭头图片的布景 图片 ， 并将图标的位置设置在select的左边
文章插图
文章插图
7select的选项的文字压在了图标上如许是很不美不雅的 ， 我们可以将文字标的目的右移动下 ， 将箭头图标完全显示出来
文章插图
文章插图
注重事项先把select的默认样式断根失落
图标和选项的距离不宜太年夜
以上内容就是如何让slect下拉图标显示在左边的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- linux如何查看命令帮助信息
- 如何设置拼多多智能答复
- 淘宝网如何解绑支付宝账号
- 王者荣耀孙策如何三角跳
- “饥荒”游戏单机版如何对抗初级怪物
- 热血群英传如何领取限时体力
- 枸杞:让肝脏减肥不再难
- 如何查看华为手机的系统版本，以及如何更新系统
- 电脑版本手心输入法如何安装设置
- Powershell如何添加管理控制单元