去掉下拉框的边线和三角箭头及隐藏或禁用下拉框-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_10699/article/details/82412475


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>去掉下拉框的边线和三角箭头及隐藏或禁用下拉框</title>
<style type="text/css">
<!--
body {
font-size: 12px;

}
.select-style{
position:absolute; 
overflow:hidden;
}
.select-style select{
margin:-2px;
margin-right:-20px;
}

-->
</style>
</head>
<body>

//去掉下拉框的边线和三角箭头
<span class="select-style"><select name="selStyle">
     <option value="0" selected="selected">这是下拉框哦，点我</option>
     <option value="1">广州</option>
     <option value="2">上海</option>
     <option value="5">北京</option>
     </select>
</span>

//隐藏或禁用下拉框
<span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();"><select

name="selStyle">
     <option value="0" selected="selected">这是下拉框哦，点我</option>
     <option value="1">广州</option>
     <option value="2">上海</option>
     <option value="5">北京</option>
     </select>
</span>

</body>
</html>