CSS 设置元素 不可点击

最新推荐文章于 2024-05-07 14:48:08 发布
最新推荐文章于 2024-05-07 14:48:08 发布
阅读量621 收藏
点赞数
分类专栏： web 前端 问题收集 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sandy_zhi/article/details/114137783
版权

问题来源

此问题的来源，在于使用element ui 的穿梭框时 默认穿梭框的header 部分 点击后会默认全部选中，在隐藏了checkbox 选中元素后 点击header 部分 仍然会全部选中 

问题解决

css 中找到 对应的类名 header 或者 checkbox 都可以 

设置：pointer-events: none;

小智大愚
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css pointer-events属性实现下面元素可点击
09-25
它可以用于创建透明层、悬浮按钮、提示框等多种效果，同时保持底层元素的可点击性。需要注意的是，虽然这个属性在很多场景下都非常有用，但在某些情况下，例如需要捕获鼠标事件的元素，设置`pointer-events: none`...
js+css带文字图片可点击轮播图.rar
12-17
"js+css带文字图片可点击轮播图.rar" 是一个使用JavaScript和CSS技术实现的，带有文字描述并支持点击交互的图片轮播组件。下面将详细介绍这个轮播图的相关知识点。 首先，JavaScript是前端开发中不可或缺的一部分，...
点击el-tree节点进行阻断，不触发点击事件
weixin_46359814的博客
12-27 4393
1、实现效果：点击map图标，不触发点击事件 2、添加一个@click.stop方法，里面什么也不用写 <el-tree :data="groups" :props="defaultProps" style="padding-top: 20px;" highlight-current :default-expand-all=false @node-click="handleNodeClick"
el-tree和el-popover结合及阻止popover的点击事件
MISS_zhang_0110的博客
03-03 1372
【代码】el-tree和el-popover结合及阻止popover的点击事件。
ElementUI el-tree如何统一禁用勾选操作
最新发布
weixin_44318444的博客
05-07 666
通过类名控制样式，当树在禁用状态下无法进行勾选操作（官方文档上的disabled属性可用于操作单个节点禁用）PS：elementUI只提供修改原始数据的方法禁用勾选操作，没有一键禁用所有节点操作的方法，可参考官方文档。
elementUI el-tree将整棵树设为禁用状态
m0_65274248的博客
10-20 4335
elementUI el-tree将整棵树设为禁用状态
CheckBox设置不可点击
热门推荐
wuqingsen1的博客
12-29 3万+
checkbox 设置为不可点击(当外面布局有点击事件与checkbox冲突时使用) 在 xml 文件 checkbox  属性中加入： android:enabled="false"   更多好内容戳下面： https://blog.csdn.net/wuqingsen1...
el-tree基础的树形节点设置节点不能选中高亮出来，对已经选中的节点设置disabled，对当前节点刚选中后设置禁用disabled
qq_44552416的博客
01-26 3435
我们使用element-ui或者element-plus的时候会遇到树形控件的使用，我们使用树形控件会限制有的节点不让选中和高亮出来，这个时候需要我们做限制。在实现中我们发现了element-ui和element-plus的时候他们实现的方式还是有点区别的，我们就简单来实现一下。发现element-ui中更改current-node-key值无效，最后用this.$refs.tree.setCurrentKey方法实现了。
a标签置灰不可点击的实现方法
08-31
使用CSS来改变链接的颜色和鼠标指针样式，使其看起来像是不可点击的。通常，我们将`opacity`设置为较低的值（如0.2）使链接变暗，并将`cursor`属性设置为`default`，表示默认的指针，而不是手形。 ```html ; ...
jQuery使用之设置元素样式用法实例
10-24
例如，当用户点击`<p>`元素时，`css1`类将被添加或移除： ```javascript $(function() { $("p").click(function() { $(this).toggleClass("css1"); }); }); ``` 3. **直接获取和设置样式** `css()` 方法是...
【el-tree动态控制是否全部启用禁用】
Da_Xiong的博客
07-09 564
el-tree动态控制是否全部启用禁用
关于el-tree的一些处理
小剑儿的博客
02-25 1433
// 给树设置某个节点禁用 addAttr(data, id) { data.forEach(item => { if (item.adCode == id) { this.addAttrChildrens(item); } else { if (item.childAddress &&...
CSS3中input(checkbox)复选框无法更改背景颜色等其他样式解决办法
王佳斌
11-22 5511
解决方法 选择器选中你的DOM，然后加入以下代码： input[type="checkbox"]{ -webkit-appearance:none; }
element el-tree的使用
ShinyRuo_的博客
07-20 1257
element-ui el-tree使用注意点
el-tree 多选全部禁用
weixin_41843107的博客
03-13 751
【代码】el-tree 多选全部禁用。
[element-ui] 对el-tree的某个节点进行禁用
qq_14993591的博客
11-08 3403
【代码】[element-ui] 对el-tree的某个节点进行禁用。
el-tree设置禁止选中和禁止选中框为选中状态
weixin_53504747的博客
04-08 4085
const arr = res.data.data.menuidList; arr.forEach((item, index) => { const node = this.$refs.tree.getNode(item); if (node.isLeaf) { this.$refs.tree.setChecked(node, true); } });
css如何让复选框取消禁用,如何改变被禁用的输入复选框标签的CSS？..因为它太轻，难以看到...
weixin_42303282的博客
08-03 596
有了一点CSS3的你其实可以做一些关于它很酷的东西。HTMLCheck Box 1Check Box 2CSSdiv {width:110px;height:50px;padding:20px;background:#40464b;border-radius:6px;}input[type="checkbox"] {display:none;}input[type="checkbox"] + la...
css div禁用不可点击
06-03
如果你想要使该元素可以点击但是不能触发任何事件，可以将pointer-events设置为"auto"，并在CSS中添加以下属性： ``` div { pointer-events: auto; cursor: default; } ``` 这将使该元素恢复点击，但是将光标...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值