[HTML CSS JS]防止用户使用before元素更改值

Question

I want to block three tables with inputs using before selector. Via jquery i'm adding class disabled-element to every table:

$("table").toggleClass("disabled-element");

Here is my disabled-element in css:

.disabled-element::before {
  background-color: #4e555b;
  opacity: 0.5;
  z-index: 10;
  position: absolute;
  height: 100%;
  width: 100%;
  content: ""; 
}

table tructures:

<table class="table table-stripped">
<thead>
  <th scope="col">Rotor Number</th>
  <th scope="col">Current values</th>
</thead>
</table>
<tbody>
<tr>
  <td></td><td></td>
</tr>
</tbody>

but it looks like the class is only added to selector:

Answer 1

我错过了position: relative父元素的position: relative声明