语言: 英文中文

禁用的元素

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