css - html 原生控件跨浏览器样式兼容问题

问题描述

问 题

1. chrome:

请问: 同一个select 控件在不同浏览器如何保持样式一致?

解决方案

lz 已找到解决自己问题的方案... 放上来大家参考一下...

http://ourjs.com/detail/551b9...

select {
    border: solid 1px #000;
  
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    padding-right: 14px;

    background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;

}


select::-ms-expand { display: none; }

这篇关于css - html 原生控件跨浏览器样式兼容问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！