Question

我有这个div

<div class="col-md-4 col-sm-6">
  <div class="box17">
    <img src="images/dash/rh.jpg" alt="">
    <ul class="icon">
      <li><a href="#"><i class="fa fa-users"></i></a></li>
     </ul>
    <div class="box-content">
     <h3 class="title">Recursos Humanos</h3>
    </div>
   </div>
</div>

我要修改的是在div上的“ box17”类上添加禁用的句子，

<div class="box17" disabled>

并使用类似这样的方式更改CSS中的背景

.box17:disabled{pointer-events:none;background:#e4e4e4}

但是它什么也没做，还有另一种方法可以“禁用” div？

Answer 1

Relative record data set支持div element，而不包括//[YOURID] JOB , // MSGCLASS=S,REGION=0M,COND=(9,LT),NOTIFY=&SYSUID,TIME=(1,1) //********************************************************************* //* Create a VSAM //********************************************************************* //S1IDCAMS EXEC PGM=IDCAMS //SYSPRINT DD SYSOUT=* //SYSIN DD * DELETE ([YOURID].P00695.VSAMRRDS) CLUSTER PURGE DEFINE CLUSTER (NAME([YOURID].P00695.VSAMRRDS) - NUMBERED - RECORDSIZE(80 80) - BUFFERSPACE(2048) - SHAREOPTIONS(4 3) - VOLUMES(SYS162)) - DATA (NAME([YOURID].P00695.VSAMRRDS.DATA) - TRACK(1,1) - CISZ (1024)) /* //S2REPRO EXEC PGM=IDCAMS //SYSPRINT DD SYSOUT=* //VSAM DD DISP=SHR,DSN=[YOURID].P00695.VSAMRRDS //SYSPRINT DD SYSOUT=* //SYSIN DD * REPRO OUTFILE(VSAM) INFILE(INREC) /* //INREC DD * XXXXXXX060ALISONALISONALISONALISONALISONALISONALISONALISONAL ISONALIS XXXXXXX060ALISONALISONALISONALISONALISONALISONALISONALISONAL ISONALIS /*。请改用课程。

disabled

Answer 2

只需在该框div中添加一个类！

div.box.disabled{
  backgorund: #e4e4e4;
  pointer-events: none;
}

<div class="col-md-4 col-sm-6">
  <div class="box box17 disabled">
    <img src="images/dash/rh.jpg" alt="">
    <ul class="icon">
      <li><a href="#"><i class="fa fa-users"></i></a></li>
     </ul>
    <div class="box-content">
     <h3 class="title">Recursos Humanos</h3>
    </div>
   </div>
</div>

Answer 3

:disabled伪类不能用于类名。它仅适用于button，input，textarea，optgroup，option和fieldset。

改为使用其他类：

<div class="box17 disabled">

然后：

.box17.disabled {
    pointer-events:none;
    background:#e4e4e4
}

Answer 4

您不能在div中使用Disabled。禁用div的唯一方法是不使用指针事件

.disabled-content {
 pointer-events: none;
 opacity: 0.75;
}

那么您的残障人士应该是

<div class="disabled-content">Disabled div</div>

使用disable语句“禁用” <div>

4 个答案: