Html 如何删除selectbox的背景

我必须删除selectbox的背景，我使用了如下代码

<select style="background:none;border:none">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>

A.
B
C
D

---

但是在输出中出现了箭头。如何隐藏该箭头。

添加

-webkit外观：无

<select style="background:none;border:none; -webkit-appearance:none">



或者在周围添加div并指定最大宽度

<div style="width:80px; overflow:hidden">
<select style="background:none;border:none; width:97px">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>
</div>


A.
B
C
D

使选择宽度大于100%，并应用溢出：隐藏

select {
    overflow:hidden;
    width: 120%;
}

看到这个链接，第二个答案似乎更符合你的要求

@Sowmya为什么要使用
内联
样式？它工作不正常，我只对示例使用了它，这就是我在内联中使用样式的原因styles@freebird那只是样品。我希望他知道什么时候把它添加到样式表中developing@SowmyaShivaram是的，这是真的，但有些人可能只是按照回答中所述使用它们。@freebird sry我不想不必要地争论。用户如何知道它是一个
下拉列表
？可能与我需要的80px宽度重复。然后呢？请参阅链接中的第二个答案：）它会这样做Selected是一个JavaScript插件，它使冗长、笨拙的选择框更加用户友好。它目前有jQuery和Prototype两种版本。