各个浏览器下select默认的下拉箭头差别较大,通常会清除默认样式,重新设计
css下啊使用appearance除去select中的箭头样式,而ie下需要用select::-ms-expand{ display: none; }方能去掉,去掉箭头以后通过设置背景颜色,给select添加统一的箭头,这样所有浏览器下的select箭头样式就保持一致了,效果如图所示
但是ie8/9下并不适用,这种情况下则需要使用css+图片+javascript来模拟下拉菜单
本文共 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