当我选择下拉列表时,重叠选择IE9中的箭头上的蓝色bg& IE8

时间:2013-05-28 13:03:07

标签: html css frontend

我使用背景图片作为选择标签,当我选择下拉时,IE中的图像上的时间重叠选定的蓝色。

请参阅此链接,您会看到我的问题http://media300.dropshots.com/photos/1103166/20130528/085932.jpg

这是我想要的,当选择时间时选择背景颜色无。它运行正常Chrome,Firefox&苹果浏览器。只在IE中遇到问题。我使用了以下代码

.selectbox {
    width: 240px;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #c2d6ea;
    overflow: hidden;
    margin-bottom: 0.5em;
    background: url(../images/select.jpg) no-repeat center right;
}

.selectbox select {
    -webkit-user-modify: policy;
    border-radius: 4px;
    margin: 0;
    color: #003399;
    width: 268px;
    padding: 7px 3px;
    outline: 0;
    border: 0;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    box-shadow: none;
}

1 个答案:

答案 0 :(得分:0)

尝试将这些行添加到selectbox

.selectbox{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}