如何設置select下拉禁止選擇
1、問題背景
設置select下拉框不能選擇，利用disabled="disabled"，但是顏色且顯示白色，容易引起用戶誤解
2、問題實現
（1）只禁止
-
-
<html>
-
<head>
-
<meta charset="UTF-8">
-
<title>如何設置select下拉禁止選擇</title>
-
<script src="../js/jquery-1.12.4.js"></script>
-
<script>
-
$( function(){
-
-
});
-
</script>
-
</head>
-
<body>
-
<select id="sel" style="width: 200px; " disabled="disabled">
-
<option value="1">項目經理</option>
-
<option value="2">總經理</option>
-
<option value="3">技術經理</option>
-
<option value="4">部門經理</option>
-
</select>
-
</body>
-
</html>
（2）禁止且顏色為灰色
-
-
<html>
-
<head>
-
<meta charset="UTF-8">
-
<title>如何設置select下拉禁止選擇</title>
-
<script src="../js/jquery-1.12.4.js"></script>
-
<script>
-
$( function(){
-
-
});
-
</script>
-
</head>
-
<body>
-
<select id="sel" style="width: 200px; " disabled="disabled">
-
<option value="1">項目經理</option>
-
<option value="2">總經理</option>
-
<option value="3">技術經理</option>
-
<option value="4">部門經理</option>
-
</select>
-
</body>
-
</html>
3、問題說明
利用disabled="disabled"和background-color進行對select下拉框設置，這樣才顯示被禁止操作