哪位指点下如何在select中选定option时,没有如下这个边框呢?
HTML如下:
select和option元素都添加了border:0;
哪位指点下如何在select中选定option时,没有如下这个边框呢?
HTML如下:
select和option元素都添加了border:0;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#city{
border: 0;
outline: none;
}
</style>
</head>
<body>
<select name="city" id="city" >
<option value="郑州">郑州</option>
<option value="厦门">厦门</option>
<option value="焦作">焦作</option>
<option value="杭州">杭州</option>
<option value="重庆">重庆</option>
</select>
<script>
alert(city.value)
</script>
</body>
</html>
一句代码解决: 给select 的css加上 outline:none