一段代码去掉优酷腾讯视频右上角LOGO图标

有时候你在看视频,上面老是有个绿绿的LOGO挡着视线,确实不爽,就写了串JS代码,下面来看看教程。
1.打开视频网站,找到你想看的电影。

在这里插入图片描述
2.F12打开调试工具,找到控制台:Console
3.在下面粘贴对应的代码,回车键,搞定。
腾讯:

document.querySelectorAll(".txp_waterMark_pic").forEach(function(item,index,arr){item.style.display=‘none’;});

优酷:

document.querySelectorAll(".spv-logo").forEach(function(item,index,arr){item.style.display=‘none’;});
在这里插入图片描述
回车后右上角的LOGO图标就消失不见了。
实测该方法优酷腾讯视频都可用。
在这里插入图片描述
更多前去

### 回答1: 可以通过设置 `show-close` 属性为 `false` 来去除 Element UI 对话框右上角的关闭图标。例如: ```html <el-dialog title="对话框标题" :visible.sync="dialogVisible" :show-close="false"> <!-- 对话框内容 --> </el-dialog> ``` ### 回答2: Element UI 对话框右上角图标可以通过修改其属性来去除。具体操作如下: 1. 在对话框组件中添加 `:show-close="false"` 属性,表示不显示右上角的关闭图标。 例如: ```html <el-dialog :show-close="false"> <!-- 对话框内容 --> </el-dialog> ``` 2. 通过样式修改去除关闭图标。 可以通过给对话框组件的容器添加自定义类名,然后通过 CSS 样式来隐藏关闭图标。 例如: ```html <el-dialog class="custom-dialog"> <!-- 对话框内容 --> </el-dialog> ``` 然后在样式表中添加如下样式: ```css .custom-dialog .el-dialog__headerbutton { display: none; } ``` 以上两种方法都可以去除 Element UI 对话框右上角图标。根据需要选择相应的方法进行实现。 ### 回答3: Element UI 对话框组件默认右上角有一个关闭图标,用于关闭对话框。如果想要去除这个默认的关闭图标,可以通过自定义样式来实现。 首先,在对话框组件上添加一个`custom-class`属性,用于自定义样式的类名。例如:`<el-dialog custom-class="no-close-icon">` 然后在 CSS 中定义`.no-close-icon`类的样式,将关闭按钮的样式属性设置为`display: none;`,即隐藏关闭按钮。例如: ``` .no-close-icon .el-dialog__header .el-dialog__headerbtn { display: none; } ``` 通过以上操作,就可以实现去除 Element UI 对话框右上角图标。总结起来,就是给对话框组件添加一个自定义样式类名,并在 CSS 中将关闭按钮的样式设置为不显示。这样就可以达到去除关闭图标的效果。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

酷爱码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值