我有一个为优秀浏览器设计的选择框,对于ie9和down,我希望显示默认选择框,没有自定义样式。
优秀浏览器的样式:
select {
display: inline-block;
background: transparent;
padding: 5px;
font-size: 16px;
line-height: 1.3;
border: 0;
border-radius: 0;
height: 40px;
-webkit-appearance: none;
-moz-appearance: none;
}
/*ie-10 fix*/
select.select-k::-ms-expand {
display: none;
}
select.select-k {
font-family: Bitter, Georgia, serif;
font-weight: 700;
border: none;
padding-left: 20px;
}
select.select-k.quantity {
width: 80px;
background: url(../img/forms/arrow.png) no-repeat 80% 50% #fff;
}
现在我有以下条件:
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="/css/bugbrowser.css" />
<![endif]-->
我的问题是,为了覆盖IE上的那些样式,我应该重新声明所有值吗?如果是这样,我在哪里可以看到要覆盖的默认IE样式?