我一直在使用引导程序 3.0,我想知道如何禁用列表组项。
我尝试将禁用的属性放在“a”标签中,但这没有任何效果。我还尝试添加具有相同结果的禁用类。
这里有一些例子:
<div class="list-group">
<a href="#" class="list-group-item">Add New entry</a>
<a href="#" class="list-group-item disabled">Delete Entry</a>
</div>
谢谢
我一直在使用引导程序 3.0,我想知道如何禁用列表组项。
我尝试将禁用的属性放在“a”标签中,但这没有任何效果。我还尝试添加具有相同结果的禁用类。
这里有一些例子:
<div class="list-group">
<a href="#" class="list-group-item">Add New entry</a>
<a href="#" class="list-group-item disabled">Delete Entry</a>
</div>
谢谢
在 Bootstrap 中,froms、navbars links、nav links、dropdownlinks 有禁用状态。
我认为导航的禁用状态最适合您的情况: http: //getbootstrap.com/components/#nav-disabled-links
为您的列表组复制此禁用状态:
较少的:
.list-group > a.disabled {
color: @nav-disabled-link-color;
&:hover,
&:focus {
color: @nav-disabled-link-hover-color;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
}
CSS:
.list-group > a.disabled {
color: #999999;
}
.list-group > a.disabled:hover,
.list-group > a.disabled:focus {
color: #999999;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
就我而言,我删除了该href
属性,因此它将是:
<div class="list-group">
<a href="#" class="list-group-item">Add New entry</a>
<a class="list-group-item">Disabled entry</a>
</div>