禁用的元素


只需要给元素加上 "disabled" class 或者 "disabled" 属性就可以了。

  1. <div class="list-block">
  2.     <ul>
  3.         <li class="item-content">
  4.             <div class="item-inner">
  5.                 <div class="item-title">Element 1</div>
  6.             </div>
  7.         </li>
  8.         <!-- This element will be disabled -->
  9.         <li class="item-content disabled">
  10.             <div class="item-inner">
  11.                 <div class="item-title">Element 2</div>
  12.             </div>
  13.         </li>
  14.         <li class="item-content">
  15.             <div class="item-inner">
  16.                 <div class="item-title">Element 3</div>
  17.             </div>
  18.         </li>
  19.         <!-- Element with disabled input -->
  20.         <li class="item-content">
  21.             <div class="item-inner">
  22.                 <div class="item-title label">Your name</div>
  23.                 <div class="item-input">
  24.                     <!-- Disabled input -->
  25.                     <input type="text" name="name" disabled>
  26.                 </div>
  27.             </div>
  28.         </li>
  29.     </ul>
  30. </div>

 

  • "disabled" 属性只有在表单元素上才可以使用,比如 input, textarea, select

  • "disabled" class 可以用在任何HTML元素上

  • Disabled 元素有更低的透明度,并且不会相应任何事件