从下拉菜单中删除下拉列表（选择）按钮？

我想知道是否有办法从下拉菜单中删除下拉列表（ ）按钮（小箭头）？ 我想创建一个项目列表，但没有箭头。

• 史蒂夫

Answer 1

你不能这样做，尤其是跨浏览器。 您可以将元素完全替换为另一个控件，但不能修改渲染的方式……至少不是您想要的方式。

以下是一些 替换 示例 。

Answer 2

也许你正在寻找更像这样的东西：

    Volvo Saab Mercedes Audi    

这将创建一个项目高的项目的选择列表。 在某些浏览器上仍然会有一个空的滚动条，但它会摆脱下拉箭头。 只要设置了选择标记的大小，就不会出现箭头。

选择列表还有更多选项： http ： //www.w3schools.com/tags/tag_select.asp

Answer 3

JoãoCunha的 回答对我来说是一个奇迹

纯CSS！

我添加了一些代码来扩展浏览器支持，请参阅我在该问题或以下的答案 ：

 select { /*for firefox*/ -moz-appearance: none; /*for chrome*/ -webkit-appearance:none; text-indent: 0.01px; text-overflow: ''; } /*for IE10*/ select::-ms-expand { display: none; } 

Answer 4

试试这段代码：

 select { -webkit-appearance: none; background-color: #FFF; border: medium none; color: #555555; font-family: inherit; outline: medium none; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; width: 10em; height: 1em; } 

它对我有用。 就试一试吧。