禁用的元素
优质
小牛编辑
133浏览
2023-12-01
只需要给元素加上 "disabled" class 或者 "disabled" 属性就可以了。
<div class="list-block">
<ul>
<li class="item-content">
<div class="item-inner">
<div class="item-title">Element 1</div>
</div>
</li>
<!-- This element will be disabled -->
<li class="item-content disabled">
<div class="item-inner">
<div class="item-title">Element 2</div>
</div>
</li>
<li class="item-content">
<div class="item-inner">
<div class="item-title">Element 3</div>
</div>
</li>
<!-- Element with disabled input -->
<li class="item-content">
<div class="item-inner">
<div class="item-title label">Your name</div>
<div class="item-input">
<!-- Disabled input -->
<input type="text" name="name" disabled>
</div>
</div>
</li>
</ul>
</div>
-
"disabled" 属性只有在表单元素上才可以使用,比如 input, textarea, select
-
"disabled" class 可以用在任何HTML元素上
-
Disabled 元素有更低的透明度,并且不会相应任何事件