2015-06-30 87 views
1

我有兩個下拉列表。刪除黑名單圖標

第一個被禁用。如果我將光標放在第一個下拉列表中,遊標的圖標將被更改爲黑名單圖標或類似圖標。

我的問題是: *當我將光標放在第一個下拉列表上時,應該如何提取黑名單圖標?

謝謝!

<html> 
<head> 
    <title></title> 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet"> 
</head> 
<body> 

    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js."></script> 
\t 
\t 
\t <select disabled=true> 
\t <option value="volvo">Volvo</option> 
\t <option value="saab">Saab</option> 
\t <option value="opel">Opel</option> 
\t <option value="audi">Audi</option> 
\t </select> 
\t 


\t <select> 
\t <option value="volvo">Volvo</option> 
\t <option value="saab">Saab</option> 
\t <option value="opel">Opel</option> 
\t <option value="audi">Audi</option> 
\t </select> \t 
\t \t 
\t \t 
</body> 
</html>

回答

2

你要設置的CSS cursor屬性的元素。見http://www.w3schools.com/cssref/pr_class_cursor.asp

<select disabled="true" style="cursor:pointer"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 

或者,如果你想要爲所有殘疾選擇對象要做全球它使用的CSS:

select[disabled="true"] { cursor:pointer; } 
+0

你確信,這將是工作?不要忘記我正在使用bootstrap。我堅信它是引導使光標顯示列入黑名單的圖標。 –

+0

Bootstrap只使用CSS和Javascript,所以它遵循相同的規則,這意味着您可以用自己的定義覆蓋它。如果您不想爲所有禁用的選擇元素創建樣式,只需使用'style =「遊標:指針」'(或任何所需的遊標)屬性將其添加到特定的元素。 – howcheng

+0

你可以用'cursor'添加HelloWorld代碼片段嗎?如果你不喜歡它,我可以編輯並添加它。 –