从下拉菜单中删除下拉菜单(选择)?
答
也许你正在寻找的东西更多的是这样的:
<html>
<body>
<select size=1>
<option>Volvo</option>
<option>Saab</option>
<option>Mercedes</option>
<option>Audi</option>
</select>
</body>
</html>
这将创建一个项目一个项目高大的选择列表。在一些浏览器上,仍然会有一个空的滚动条,但它会摆脱下拉箭头。只要设置了选择标签的大小,那么箭头就不会出现。
这里对于选择列表中更多的选择:http://www.w3schools.com/tags/tag_select.asp
答
试试这个代码:
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;
}
我伊茨工作。去尝试一下。
+0
这不起作用,如果您确实认为它确实如此,请提供示例 – 2013-11-27 07:37:40
答
this answer从João Cunha工作奇迹,我
纯CSS!
我添加了一些代码来扩展浏览器的支持,看到my answer in that question以下:
select {
/*for firefox*/
-moz-appearance: none;
/*for chrome*/
-webkit-appearance:none;
text-indent: 0.01px;
text-overflow: '';
}
/*for IE10*/
select::-ms-expand {
display: none;
}
此外,检查出这篇文章:http://tutorialzine.com/2010/11/better-select -jquery-css3/ – Metagrapher 2010-11-29 19:17:40