css 怎么去掉select的下拉箭头
展开全部
有很多种方案，有用css的，有用js的，我给你一种简单的方案吧，原理是外面套一个div，它的大小比select窄一点，盖掉下拉箭头的位置：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.styled-select {
width: 240px;
height: 34px;
overflow: hidden;
}
.styled-select select {
background: transparent;
width: 268px;
padding: 5px;
font-size: 16px;
border: 1px solid #ccc;
height: 34px;
-webkit-appearance: none; /*for chrome*/
}
</style>
</head>
<body>
<div class="styled-select">
<select name="citylist">
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">深圳</option>
<option value="3">广州</option>
</select>
</div>
</body>
</html>
追问
这个方法我知道。没其他方法了吗？还有就是在360浏览器上面显示的很丑，有双层 边框。ie下面也是的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
