已禁用使用css的div内容[重复]

5t7ly7z5 于 2023-03-05 发布在其他

关注(0)|答案(2)|浏览(150)

- 此问题在此处已有答案**：

Is there a CSS selector for elements containing certain text?（20个答案）
22小时前关闭。

<div class="children"> Sachin </div>
<div class="children"> Moron</div>
<div class="children"> Peter </div>

是否可以将颜色应用到具有如下特定内容div
如果div内容是sachin，那么我需要禁用它，否则它将启用

.children sachin {
    cursor: not-allowed;
  opacity: 0.5;
  
  }

css

来源：https://stackoverflow.com/questions/75626803/disabled-div-content-using-css

2条答案

按热度按时间

pgpifvop1#

如果您能够使用data attributes，则可以执行此操作。

.children[data-name="Sachin"] {
  opacity: 0.5;
  cursor: not-allowed;
}

<div class="children" data-name="Sachin">Sachin</div>
<div class="children" data-name="Moron">Moron</div>
<div class="children" data-name="Peter">Peter</div>

赞(0）回复(0）举报 2023-03-05

3pmvbmvn2#

您可以向要禁用的div添加disabled类。

<div class="children disabled"> Sachin </div>
<div class="children"> Moron </div>
<div class="children"> Peter </div>

.children.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

也可以使用disabled html属性：

<div class="children" disabled> Sachin </div>
<div class="children"> Moron </div>
<div class="children"> Peter </div>

赞(0）回复(0）举报 2023-03-05

我来回答

已禁用使用css的div内容[重复]

2条答案

相关问题

热门标签

最新问答