ie下select默认样式修改

chrome下浏览：

IE和FF下浏览：

使用select做下拉菜单，使用appearance:none;可以消除默认样式，但是要每个浏览器兼容到

.contactus2_con select{
-webkit-appearance: none;
-moz-appearance: none;
appearance:none;
background:none;
background:url("../images/select.jpg") right center no-repeat;
width:490px;
border:1px solid #d9d9d9;
height:30px;
cursor:pointer;
}
.contactus2_con select::-ms-expand{
color: #fff;
font-size:20px;
padding:5px 9px;
background: #0054a7;
}

有个问题就是，只能兼容到IE10。其他解决方法就是使用插件。

ie下select默认样式修改相关推荐

修改select默认样式
html代码: <select class="db"><option value ="volvo">volvo</option&g ...
按钮英文字母大小写-默认样式修改-vuetify
按钮英文字母大小写-默认样式修改-vuetify 目录文章目录 1.问题 2.解决 ***后记*** : 内容 1.问题按钮上的文本我们想当然的认为,应该是写什么就显示什么,真是是这样吗? 图示: ...
Antd select dropdown 样式修改
Antd select dropdown 样式修改官网提供了dropdownClassName属性,链接测试代码: <template><div class="sele ...
AntDV中a-input的默认样式修改
AntDV中a-input的默认样式修改 UI稿有修改a-input样式的需求,调整代码如下: 基本外观样式(背景颜色,字体颜色,placeholder颜色): /deep/ .ant-input{b ...
html select样式修改,select标签的默认样式修改
在项目中,用到select标签,需要对select标签自定义样式. 在chrome浏览器中会对select有一个默认的border-radius,并且无法去掉. 可以通过下面的方法来解决: 1.需要通 ...
HTML复选框checkbox默认样式修改
此方法可以将复选框的默认样式替换成任意样式.如图: 未选择: 选择时: 思路:将复选框隐藏,利用lebal元素的焦点传递特性,用lebal的样式替代复选框. 代码如下: <!DOCTYPE ht ...
select下拉框默认样式修改
来自博客https://www.cnblogs.com/zr123/p/11171757.html
html select滚动条样式修改,如何定义Select下拉框的边框颜色和滚动条样式
如何定义Select下拉框的边框颜色和滚动条样式 (2012-11-07 15:00:25) 标签: 定义select下拉框 select定义css不显示杂谈如何定义Select下拉框的边框颜色和 ...
自定义滚动条,可解决火狐滚动条默认样式修改不了问题
优化: 优化了移动设备上,页面滑动距离和滚动条滚动距离比例不正确问题背景: 在项目开发中,由于项目住效果图背景色属于深色系,但是火狐浏览器的默认滚动条样式是一个白色的宽条,两者结合样子太丑,所以尝试 ...

ie下select默认样式修改

ie下select默认样式修改相关推荐

最新文章

热门文章