Html 设置选定输入下拉列表的样式

我知道选择元素很难设计风格，而且我知道有人问了很多关于它们的问题。但绝大多数似乎应用于select元素本身的样式，或其中的option元素的样式。我的两个都差不多。我想做两件事：

1-将边框半径添加到下拉列表中，不是选择，不是选项，而是单击选择时出现的下拉框，其中包含选项元素

2-删除Chrome在此下拉框上不必要显示的垂直滚动条

仅使用CSS和本机select元素就可以实现A和B吗？

您可以使用ul li应用更多样式。请检查下面给出的代码段，这允许您执行更多样式设置

document.getElementByIDDMenus.addEventListenerclick，函数{ ifdocument.getElementByIdmenu.style.display==无{ document.getElementByIdmenu.style.display=block； } 否则{ document.getElementByIdmenu.style.display=none； } }; 李先生{ 列表样式：无； 边距：0！重要； 填充：0！imortant； } 菜单{ 边框：1px000； 边界半径：5px； 显示：无； } 李{ 边框：1px000； 背景颜色：蓝色； 颜色：fff； } 李：悬停{ 背景颜色：黄色； 颜色：红色； } 菜单 opt1 opt2

---

这里有一些款式可以满足你的需要

从css中添加一些代码片段

.styled-select {
   background: url(http://www.ericrasch.com/media/icon-selectbox.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 240px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

---

我认为这是不可能的，因为它是由您的浏览器设计和显示的。如果您不局限于使用select标记，您可以选择无序列表，您可以根据需要设置样式。请仔细阅读这个问题-我想设计在单击选择元素时下拉的下拉框的样式，而不是选择元素本身。你所有的例子在下拉框上都有相同的风格。哦，好的！你能附上你想要删除的滚动条的屏幕截图吗？