本文主要是介绍学习在html中使用css去掉select自带的边框和小三角,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
代码
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"/><title>下拉去掉边框和小三角</title><style type="text/css">#selected {width: 10%;height: 100%;background-color: #000000;color: white;/* 去掉三角 */appearance: none;-moz-appearance: none; /* Firefox */-webkit-appearance: none; /* Safari 和 Chrome *//* 去掉边框 */border: 0;display: block;position: relative;}</style>
</head>
<body>
<select id="selected"><option>选择查询条件</option><option>奇葩天地网</option><option>www.qipa250.com</option>
</select>
</body>
</html>
这篇关于学习在html中使用css去掉select自带的边框和小三角的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!