什么是默认的IE选择框样式?

时间:2015-11-23 11:44:21

标签: css internet-explorer

我有一个为优秀浏览器设计的选择框,对于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样式?

0 个答案:

没有答案