去除html双击后选中有蓝色背景

最新推荐文章于 2022-07-23 21:08:13 发布
转载 最新推荐文章于 2022-07-23 21:08:13 发布 · 879 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://blog.youkuaiyun.com/var_dz/article/details/78963012

本文介绍了一种通过CSS样式设置禁用页面元素在点击或选中时出现的蓝色底色的方法，适用于多种浏览器，包括火狐、webkit浏览器、IE10等。

css页面点击文字出现蓝色底色去掉方法

*{


-moz-user-select: none; /*火狐*/

    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

css 清除多次点击同一个位置出现的蓝色
qq_43730595的博客
01-10 819
css 常见小场景
HTML详解
LJT_1314520的博客
07-14 1050
1.标题文字.......... #=1~6；h1为最大字，h6为最小字 2.字体变化.......... 3.显示小字体.......... 4.显示大字体.......... 5.粗体字.......... 6.斜体字.......... 7.打字机字体.......... 8.底线.......... 9.删除线.........
CSS 禁止选择（取消被选中背景）
ISaiSai的专栏
12-09 1万+
两个方案 1 使用 user-select  禁止用户选择  -webkit-user-select: none;  /* Chrome all / Safari all */     -moz-user-select: none;     /* Firefox all */     -ms-user-select: none;      /* IE 10+ */     /*
web页面在移动端时，点击元素出现蓝色背景
weixin_43398729的博客
07-23 1302
当web页面在移动端运行时，点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。如button标签或者添加了cursorpointer样式的标签。-webkit-tap-highlight-color是一个没有标准化的属性，能够设置点击链接的时候出现的高亮颜色。显示给用户的高光是他们成功点击的标识，以及暗示了他们点击的元素。在当前元素或者直接在body上添加。...
html下拉菜单换背景颜色,如何在select框下拉菜单中更改蓝色突出显示的颜色
weixin_33940031的博客
06-03 4196
如何在select框下拉菜单中更改蓝色突出显示的颜色如何更改此下拉菜单中的蓝色突出显示？链接到select框演示这是代码： select { border:0; color:#EEE; background:transparent; font-size:20px; font-weight:bold; padding:2px 10px; width:378px; *width:350px; *ba...
HTML多次点击字体背景颜色变蓝
SiaEyre
05-16 2174
解决方法：变蓝是因为浏览器添加了默认的事件 1.js方法 组织默认事件selectstart发生 $('不要变蓝的元素').bind("selectstart", function () { return false; });2.css方法 body { -webkit-user-select: none; -moz-user-select: none; -ms-u...
【HTML技巧】表单中点击后出现蓝色边框和白色背景问题的解决
weixin_45522625的博客
10-07 1717
一、出现蓝色边框 原因是文本框有个outline属性 outline = none; 就可以去除掉这个蓝色的边框 二、输入后出现白色背景 资源来源：https://blog.youkuaiyun.com/Dj_Fairy/article/details/84942683 用这一串样式就能搞定，但是我不知道为啥，网上也没查到相关资料 .input:-webkit-autofill{-webkit-text-f...
html超链接点击后变紫色了,超链接不改变字体颜色
weixin_39603823的博客
06-10 6090
如何不改变Word中超链接的字体颜色更改超级链接的样式： 单击“格式”菜单下的“样式”命令，打开“样式”对话窗口。在样式窗口左下方的“列表”下拉列表框中选择“所有样式”选项，这时在其上方的“样式”框中出现了所有的样式名称，从中选择“超级链接”样式，单击“更改”按钮。HTML中怎么设置超链接字体颜色和点击后的字体颜色HTML中怎么设置超链接字体颜色和点击后的字体颜色，需要具体的代码。首先，在桌面上新...
删除桌面图标蓝色背景的方法步骤
2. 弹出“自定义桌面”对话框，切换到“Web“选项卡，把“网页”一栏下面的所有打勾的项目的勾都去掉，或者把除了“当前主页”以外的所有项目选中后点右边的“删除”按键删除。 **方法4：注册表调整** 1. 单击...
win11选中文件夹有黑边框如何取消
最新发布
06-27
另外，在文件资源管理器中，选中的文件夹会有一个背景色变化和一个边框。这个边框可能是由系统主题中的“焦点矩形”绘制。如果我们能够修改主题，就可以改变这个边框。实际上，我们可以通过修改主题文件来改变这个...
html去除select的样式
weixin_34151004的博客
05-09 355
style="appearance:none;-moz-appearance:none;-webkit-appearance:none" 改变页面中只读标签的背景色 input[disabled], select[disabled], textarea[disabled] { cursor: not-allowed; background-...
html去除背景颜色怎么设置,去掉背景颜色的六种情况
weixin_32267059的博客
06-18 3111
有很多新手朋友们问Word2003背景颜色如何去掉，由于情况有很多，下面举几个常见的情况：整个word背景有颜色而不是某些字有颜色、文字被添加了背景色、文字被加了字符底纹、从网页上复制下来的文字，然后带有底色格式的。那么下面就由学习啦小编为大家提供去掉背景颜色的几种技巧，希望能帮助您。去掉背景颜色第一种情况：整个word背景有颜色而不是某些字有颜色，如图。步骤：首先打开word文档，依次选择菜单栏...
css去掉背景颜色
热门推荐
奋斗的年轻人
09-21 5万+
只需要在已经设置好背影颜色的代码上加上 background-color:transparent; 就解决了!
避免选中页面文字或者内容时出现蓝色背景
gyueh的博客
12-27 1559
-moz-user-select: none; /*火狐*//*选中文字时避免出现蓝色背景*/ -webkit-user-select: none; /*webkit浏览器*//*选中文字时避免出现蓝色背景*/ -ms-user-select: none; /*IE10*//*选中文字时避免出现蓝色背景*/ user-select: none;/*选中文字时避免出现蓝色背景*/ 若...
去掉双击页面内容的蓝色背景
wang704987562的博客
08-11 760
添加如下样式： -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none;...
CSS 双击页面，出现蓝色背景解决方案
足各路
11-12 2287
双击页面时，会出现蓝色背景，此时可在css添加如下样式即可解决此问题。 -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; ...
css/js解决 页面多次点击时出现部分蓝色
lyyo_cd的博客
11-08 7324
有时候双击或者多次点击一个地方，会出现一些蓝色的块。 css3参考手册中是这么讲解 下面是css 和 js 解决方式： css： body{ -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none; } js： docu
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值