去除select下拉框的边框和三角下标
效果图
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1055991af4ab0922b863b5a1a61e4b28.gif#pic_center)
核心css代码
border: 0;
background: transparent;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
完成效果图的所有代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试</title>
</head>
<body>
<div style="width: 100%;text-align: center;">
修改前:
<select>
<option>吴彦祖</option>
<option>梁朝伟</option>
<option>郭富城</option>
</select>
<br><br><br><br>
修改后:
<select class="trimSelect">
<option>吴彦祖</option>
<option>梁朝伟</option>
<option>郭富城</option>
</select>
</div>
</body>
<style>
.trimSelect {
border: 0;
background: transparent;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
</style>
</html>