只需要给元素加上 "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 元素有更低的透明度,并且不会相应任何事件