下拉列表实现原理

官方教程是selected 里面加option,可是做出来怎么和bat的不一样,找bat的看,看不出来,找的天涯的才看出来.
原来是要用到-webkit-appearance: none;去除默认的上下箭头,然后利用背景图片定位实现箭头,最后利用定位实现嵌套在另外一个input标签里面,输入框中间的线是利用边框来实现的.

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • ios和android 浏览器适配问题总结
    相关知识点 移动端、 适配（兼容）、 ios点击事件300ms延迟、 点击穿透、 定位失效...... 问题&解决...
    sandisen阅读 25,657评论 3赞 67
  • 2017年4月看面试题记
    AMD 和 CMD 的区别有哪些？AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 ...
    竿牍阅读 730评论 0赞 1
  • 手机移动端WEB资源整合
    meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略And...
    Mycro阅读 976评论 0赞 11
  • 努力的姑娘，天生带光
    杨雪是个努力到让人心疼，而又不自觉拿来标榜自己的天生带光的姑娘。 初见 初见杨雪，是在超市，彼时我们几个舍友一起在...
    谢_十三幺阅读 472评论 5赞 4
  • 你是我美好的意象
    抽到断水，始终意难平，感谢我遇见的每一个你，让我认识了我自己。
    胭脂舍阅读 175评论 0赞 0