Question

我已将此样式添加到我的css文件中以获取所有选择输入

select {
    border:1px solid #666666;;
    width:100%;
    height:26px;
    font-size:12px;
    margin:0 0 20px 0;
    padding-left:10px;
    float:right;
    -webkit-appearance:none;
    background-image:url('../../images/dropdown.png');
    background-size:25px;
    background-position:98% 50%;
    background-repeat:no-repeat;
    border-radius:0;
}

如何让我的箭头看起来像这些盒子里的？ - http://postimg.org/image/4qvumqoc1/

Answer 1

select {
    border:1px solid #666666;;
    width:100%;
    height:26px;
    font-size:12px;
    margin:0 0 20px 0;
    padding-left:10px;
    float:right;
    -webkit-appearance:none;
    background-image:url('../../images/dropdown.png');
    background-size:25px;
    background-position:98% 50%;
    background-repeat:no-repeat;
    border-radius:0;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

这里有小提琴：http://jsfiddle.net/6hMua/

更改每个选项旁边的选择下拉箭头

1 个答案: