博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
select下拉框的样式在浏览器上的兼容问题
阅读量:5820 次
发布时间:2019-06-18

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

最近项目中遇到了自定义下拉框的默认样式在谷歌,火狐,IE上显示不同的问题。

左侧图片就是重写的样式,下拉框的右侧三角是选用的bootstrap里面的图片,通过绝对定位放过去的。

 

 css:

select {  /*Chrome同Firefox与IE里面的右侧三角显示的样式不同*/  border: solid 1px #ddd;  /*将默认的select选择框样式清除*/  appearance:none;  -moz-appearance:none;  -webkit-appearance:none;  padding-right: 14px;  /*如果要加入自定义图片, 就增加这个属性 background: url或者在html中直接加入图标也行*/}/*清除iIE的默认选择框样式*/select::-ms-expand { display: none; }

html:

  

 

转载于:https://www.cnblogs.com/iriliguo/p/7041375.html

你可能感兴趣的文章
python例子
查看>>
环境变量(总结)
查看>>
ios之UILabel
查看>>
Java基础之String,StringBuilder,StringBuffer
查看>>
1月9日学习内容整理:爬虫基本原理
查看>>
安卓中数据库的搭建与使用
查看>>
AT3908 Two Integers
查看>>
渐变色文字
查看>>
C++ 0X 新特性实例(比较常用的) (转)
查看>>
node生成自定义命令(yargs/commander)
查看>>
各种非算法模板
查看>>
node-express项目的搭建并通过mongoose操作MongoDB实现增删改查分页排序(四)
查看>>
如何创建Servlet
查看>>
.NET 设计规范--.NET约定、惯用法与模式-2.框架设计基础
查看>>
win7 64位+Oracle 11g 64位下使用 PL/SQL Developer 的解决办法
查看>>
BZOJ1997:[HNOI2010]PLANAR——题解
查看>>
BZOJ1014:[JSOI2008]火星人prefix——题解
查看>>
使用Unity3D引擎开发赛车游戏
查看>>
HTML5新手入门指南
查看>>
opennebula 开发记录
查看>>