如何删除Firefox中的下拉箭头?

时间:2014-06-26 10:53:48

标签: javascript html5 css3 firefox

如何删除Firefox中的下拉箭头

我尝试了很多例子,但不仅仅是一个例子为我做了更好的事情

请帮我解决这个问题

here is my jsfiddle example

jsfiddle.net/m_atteeq/JjgVj/

我是这个论坛的新手,这是我的第一个问题

1 个答案:

答案 0 :(得分:0)

尝试这样: demo

<强> HTML:

<div class="select">
    <select name="month">
        <option value="na">Month</option>
        <option value="1">January</option>
        <option value="2">February</option>
        <option value="3">March</option>
        <option value="4">April</option>
        <option value="5">May</option>
        <option value="6">June</option>
        <option value="7">July</option>
        <option value="8">August</option>
        <option value="9">September</option>
        <option value="10">October</option>
        <option value="11">November</option>
        <option value="12">December</option>
    </select>
</div>

<强> CSS:

.select {
    width: 100px;
    overflow: hidden;
}
.select select {
    text-indent: 10px;
    text-overflow:'';
    width: 120px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;

}

你可以尝试这样,或者你可以使用自定义选择框...希望这有帮助