从下拉菜单中删除下拉列表（选择）按钮？
我想知道是否有办法从下拉菜单中删除下拉列表（ ）按钮（小箭头）？ 我想创建一个项目列表，但没有箭头。
- 史蒂夫
你不能这样做，尤其是跨浏览器。 您可以将元素完全替换为另一个控件，但不能修改渲染的方式……至少不是您想要的方式。
以下是一些 替换 示例 。
也许你正在寻找更像这样的东西：
这将创建一个项目高的项目的选择列表。 在某些浏览器上仍然会有一个空的滚动条，但它会摆脱下拉箭头。 只要设置了选择标记的大小，就不会出现箭头。
选择列表还有更多选项： http ： //www.w3schools.com/tags/tag_select.asp
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; }
试试这段代码：
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; }
它对我有用。 就试一试吧。