Html 避免在“已禁用”表行上进行用户交互

我有一个HTML表，其中一些行被“禁用”。我想向用户清楚地展示它，所以我对tr应用了模糊过滤器，有这样一个表：

注意：上有一个实例

问题是，尽管它看起来被禁用，但用户仍然可以与它交互，选择文本并单击选择输入。另外，有些单元格是可以放置物体的区域，所以我想避免放置

我不想使用Javascript，所以我想知道是否有办法在禁用的tr前面放置一个透明的DIV或类似的东西

---

谢谢

如果要禁用某些行，可以对此行使用指针事件：无。这将防止鼠标在您的行中发生任何事件。 残废的{ 指针事件：无；

---

} 如果要禁用某些行，可以对此行使用指针事件：无。这将防止鼠标在您的行中发生任何事件。 残废的{ 指针事件：无； } 您可以在表单控件上使用disabled属性，如下所示

<select disabled>

对于文本，请点击以下链接：

您可以在表单控件上使用disabled属性，如下所示

<select disabled>

有关文本，请点击以下链接：

你可以试试这个， 你甚至不能用双击来选择它们

你可以试试这个， 如果您的禁用属性位于tr上，您甚至无法通过双击选择它们， 我认为你可以做到以下几点：

/*某种风格*/ 桌子{ 边界塌陷：塌陷； 边框：1px纯色灰色； } th{ 边界：0； 填充：2×20px； } 运输署{ 位置：相对位置； 边框：1px纯色灰色； 填充：8px 20px； } /* 下图在td元素上方添加了一层面纱 在具有disabled属性的tr中。 如果你点击，那是在面纱上，而不是按钮上 */ 表1 tr[禁用]td:：之后{ 位置：绝对位置； 内容：； 排名：0； 底部：0； 左：0； 右：0； 背景：rgba0,0,0,0.2； } /* 这个较短的也应该有效： 它将禁用tds上的鼠标事件 在具有disabled属性的tr中。 另外，我加上了你的模糊 */ 表2 tr[禁用]td{ 过滤器：blur1px； 指针事件：无； } 行动指令职业名称 1xxx按钮 2xX按钮 3xx按钮 OrderNameOccupationAction 1xxx按钮 2xX按钮 3xx按钮 假设您的禁用属性位于tr上， 我认为你可以做到以下几点：

/*某种风格*/ 桌子{ 边界塌陷：塌陷； 边框：1px纯色灰色； } th{ 边界：0； 填充：2×20px； } 运输署{ 位置：相对位置； 边框：1px纯色灰色； 填充：8px 20px； } /* 下图在td元素上方添加了一层面纱 在具有disabled属性的tr中。 如果你点击，那是在面纱上，而不是按钮上 */ 表1 tr[禁用]td:：之后{ 位置：绝对位置； 内容：； 排名：0； 底部：0； 左：0； 右：0； 背景：rgba0,0,0,0.2； } /* 这个较短的也应该有效： 它将禁用tds上的鼠标事件 在具有disabled属性的tr中。 另外，我加上了你的模糊 */ 表2 tr[禁用]td{ 过滤器：blur1px； 指针事件：无； } OrderNameOccupationAction 1xxx按钮 2xX按钮 3xx按钮 OrderNameOccupationAction 1xxx按钮 2xX按钮 3xx按钮

---

只是不要表现出争吵。删除数据。问题已解决。即使有下面所有3个答案，用户仍可以通过浏览器控制台上的Inspect元素获取数据。只是不显示行。删除数据。问题解决了。即使有下面所有3个答案，用户仍然可以通过浏览器控制台上的Inspect元素获取数据。这正是我想要的：简单，效果很好，谢谢！最好使用class或data属性，因为tr不允许禁用这正是我想要的：简单，工作起来很有魅力，谢谢！最好使用class或data属性，因为tr不允许禁用