热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

select下拉箭头改变,兼容ie8/9

各个浏览器下select默认的下拉箭头差别较大,通常会清除默认样式,重新设计<html><head><metacharsetutf-8>



各个浏览器下select默认的下拉箭头差别较大,通常会清除默认样式,重新设计









  

    
性别

    
  





css下啊使用appearance除去select中的箭头样式,而ie下需要用select::-ms-expand{ display: none; }方能去掉,去掉箭头以后通过设置背景颜色,给select添加统一的箭头,这样所有浏览器下的select箭头样式就保持一致了,效果如图所示

 


但是ie8/9下并不适用,这种情况下则需要使用css+图片+Javascript来模拟下拉菜单


 





推荐阅读
author-avatar
Eliza
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有