2015-06-30 43 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代码片段吗?如果你不喜欢它,我可以编辑并添加它。 –