博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
select下拉箭头改变,兼容ie8/9
阅读量:6142 次
发布时间:2019-06-21

本文共 380 字,大约阅读时间需要 1 分钟。

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

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

 

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

 

转载于:https://www.cnblogs.com/lhyhappy365/p/8668102.html

你可能感兴趣的文章
技术沟通者的自我修养
查看>>
【翻译】Sencha Cmd中脚本压缩方法之比较
查看>>
某公司数据恢复报告书
查看>>
某医药公司HP-EVA4400数据恢复报告
查看>>
shell高级视频答学生while循环问题
查看>>
分享Silverlight/Windows8/WPF/WP7/HTML5一周学习导读(5月14日-5月20日)
查看>>
BYOD那些事
查看>>
知识管理与知识工程的区别和联系:管理概念与技术手段
查看>>
Bitlocker企业安全加密管理系列-1
查看>>
SQL Server 高可用性(四)故障转移
查看>>
疯狂ios讲义疯狂连载之图像控件(UIImageView)
查看>>
我的友情链接
查看>>
认识R素材
查看>>
素材开发
查看>>
人生是什么?——感悟2:绝望时候要相信自己
查看>>
Provisioning Services 7.8 入门系列教程之七 批量导入设备
查看>>
Spring3属性之useDefaultSuffixPattern
查看>>
Win Server 2012官方培训课程
查看>>
IPSec ***的原理与配置
查看>>
ESXi 6 升级到ESXi 6.5VIB冲突问题
查看>>