首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

有没有办法去掉复选框的蓝色高亮显示?

是的,可以通过CSS样式来去掉复选框的蓝色高亮显示。可以使用以下代码实现:

代码语言:txt
复制
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    box-shadow: none;
}

input[type="checkbox"]:focus {
    outline: none;
}

input[type="checkbox"]::-moz-focus-inner {
    border: 0;
}

input[type="checkbox"]::-moz-focusring {
    outline: none;
}

解释:

  • appearance-webkit-appearance属性用于去除复选框的默认样式。
  • outline属性用于去除复选框被选中时的蓝色边框。
  • box-shadow属性用于去除复选框被选中时的阴影效果。
  • ::-moz-focus-inner伪元素用于去除Firefox浏览器中复选框获取焦点时的内部边框。
  • ::-moz-focusring伪元素用于去除Firefox浏览器中复选框获取焦点时的外部边框。

这样设置后,复选框不会再有蓝色高亮显示。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

CSS3去除移动端点击元素时产生高亮背景色

CSS3去除移动端点击元素时产生高亮背景色 做了一段时间移动端项目了,碰到了一个顽固BUG: 即点击一个icon元素时候,发现底部会有一块蓝色高亮。...最终,只用了一小段css代码就解决了 tap-highlight-color (移动端上)有事件监听元素被点击时候会被高亮显示,比如我android上表现为一个蓝框加上半透明背景,这有时候会和我本来样式格格不入...,就要想办法去掉。...(如Adnroid、iOS)上被触发点击事件时,响应背景框颜色。...想要禁用这个高亮,设置颜色alpha值为0即可。 也可以通过rgba设置颜色,例: -webkit-tap-highlight-color: rgba(255,0,0,0.5);

25010

一行代码一棵树

一行代码生成一棵圣诞树 Python 字符串这块可以玩出很多有意思功能,今天我以一个精简字符串打印为例来展示。...再需要注意:print sep 这个关键字参数,指明前面几个参数分割符号。 这棵树不带色彩,那么有没有办法变出一颗五彩斑斓小树呢?...\033[ 可理解为格式化打印前缀,其他字符含义:5表示显示方式为闪烁,35表示前景色为洋红,40m表示背景色为黑色 1、显示方式: 0(默认)、1(高亮)、22(非粗体)、4(下划线)、24(非下划线...)、 5(闪烁)、25(非闪烁)、7(反显)、27(非反显) 2、前景色: 30(黑色)、31(红色)、32(绿色)、 33(×××)、34(蓝色)、35(洋 红)、36(青色)、37(白色) 3、...背景色: 40(黑色)、41(红色)、42(绿色)、 43(×××)、44(蓝色)、45(洋 红)、46(青色)、47(白色) 如何做到五彩斑斓?

55720
  • Excel图表学习69:条件圆环图

    单击图表右侧上方加号,选取“数据标签”复选框。然后,双击任一标签,打开“设置数据标签格式”窗格,在“标签选项”下,选取“类别名称”,取消“值”选项,结果如下图4所示。 ?...图8 取消选取“属性采用当前工作簿图表数据点”前复选框,如下图9所示。 ? 图9 目前图表已完全格式化了,我们只需要创建公式来根据上方数据显示和隐藏切片。...单击图表并注意工作表中突出显示单元格区域。拖动蓝色区域边缘,使突出显示包括“值”列而不是“一”列。如下图10所示。 ?...我们需要另一个公式来让我们只显示可见切片编号。...在单元格区域E13:E36中输入公式: =IF(F13=1,B13,"") 现在选择饼图切片(全部或一个),拖动紫色高亮区域任意角使其占据一列,然后拖动紫色高亮边缘使其包括“标签”列。

    7.9K30

    【iOS 开发】基本 UI 控件详解 (UIButton | UITextField | UITextView | UISwitch)

    ; -- 高亮 : UI 控件突出显示, 处于高亮状态; 手放在按钮上处于高亮状态; -- 禁用 : UI 控件关闭后, 处于禁用状态; 禁用状态控件不可操作, 禁用操作在 Interface Builder...取消 Enable 复选框; -- 选中 : 用于标识控件已启用 或 被选中, 选中状态可以不断持续, 高亮状态只在 按下才显示; (4) UI 控件状态 UI 控件状态 :  -- enabled..., 效果如下 :  -- Info Light | Info Dark : 显示 i 图标, 显示简短说明信息, 效果如下 :  -- Add Contact : 显示 + 按钮, 常用于添加内容...: 用户碰触时高亮状态; -- Selected : 被选中时状态; -- Disabled : 禁用状态; 为不同状态 UIButton 设置样式 :  -- "setTittle : forState...; -- HighLighted 状态 : 设置 文本颜色 粉色, 阴影颜色蓝色; -- Selected 状态 : 设置文本颜色 粉色, 阴影颜色 蓝色; (5) 创建 图片 按钮 创建 图片

    6.8K20

    IC设计中值得解决小问题(四)

    有些 PDF 阅读器提供了正文和目录书签自动即时同步。但是 Acrobat Reader 似乎没有提供相关功能,但可以手工同步正文位置到目录书签,办法很简单。...按下图所标顺序点击两下,该段正文对应目录书签会跳转并高亮。 这种反向定位提供了一种自底向上文档阅读过程,从而可以把关注知识细节逐步对应到知识图谱结构之中。...Acrobat Reader 中搜索 当我们在文档中搜索关键字时候,我们是希望找到这些关键字本身吗?不是的,我们更关心是这些关键字所在上下文段落。...如果关键字在同一页面出现比较多,我们有时候是希望能同时看到这些关键字,这样可以快速扫一眼它们上下文,以判断是否是我们要找段落。这时候不停用鼠标点击“下一个”按钮进行搜索就显得有些笨拙。...Acorbat Reader 提供了同时高亮所有关键字选项,类似于 Vim 中 set hlsearch。点击菜单编辑——首选项——搜索 把“高亮显示所有匹配项”前面的复选框勾中即可。

    68710

    iOS开发——影响图形性能因素以及检测方法

    在页面右下方,有一系列复选框,利用这几个选项,我们可以很轻松检查上面所提到问题:(下面解释摘抄自iOS核心动画高级技巧第十二章) Color Blended Layers - 这个选项基于渲染程度对屏幕中混合区域进行绿到红高亮...当缓存再生时候这个选项就用红色对栅格化图层进行了高亮。如果缓存频繁再生的话,就意味着栅格化可能会有负面的性能影响了。...Color Copied Images - 有时候寄宿图片生成意味着Core Animation被强制生成一些图片,然后发送到渲染服务器,而不是简单指向原始指针。这个选项把这些图片渲染成蓝色。...这些中大多数通常都会导致图片不正常缩放,如果把一张大图当缩略图显示,或者不正确地模糊图像,那么这个选项将会帮你识别出问题所在。...如果使用GLKView或者CAEAGLLayer,那如果不显示蓝色块的话就意味着你正在强制CPU渲染额外纹理,而不是绘制到屏幕。

    1.1K20

    iOS-屏幕适配实现(AutoLayout)

    准备,一般都会去掉 User Standard Value :使用标准值,而且这个值只有在是设置上下方向时候才有用。...for Traits :点击后会弹出选择Width、Height复选框,选择宽度、高度或两者,背景会变成蓝色,左边显示设备也会变化,选择设备后,点击Done Varying按钮...通过选中width复选框,将显示varying 64 compact width devices 通过选中height复选框,将显示varying 98 compact height...devices 通过选中两个复选框,将显示varying 56 compact width regular height devices 示例: 设备选择...,Installed表示通用 控件大量属性修改可通过installed添加布局 修改约束 方式一: 需要选中将要编辑约束(上图小标1),选中后约束在视图中显示高亮(上图小标

    40410

    CLion在Run或Debug时中文乱码解决方案

    原因 Clion 默认全局编码方式为 UTF-8,会导致中文乱码,网上所谓解决方案都是扯淡(编码使用 UTF-8,控制台又改为 GBK 编码,胡扯,纯粹胡扯!)。...解决方案 JetBrains 提供了官方解决方案,如果是使用 MinGW,先按图所示操作,把编码方式改为 GBK,VSCode 在使用 MinGW 时,也需要在配置文件中设置编码方式为 GBK,才能正常显示中文...然后使用快捷键:shift+ctrl+alt+/ 然后选择第一个选项 Registry(注册表),找到蓝色 run.processes.with.pty 将其 Value 复选框去掉,即可正常显示中文...这样设置之后,不管你是在 Win 下 Run,DeBug 还是在 WSL 下,都不会出现中文无法显示情况,这才是完美的解决方案。...提醒 如果是小项目,一两个 .cpp .h 文件就解决小打小闹,就没必要用什么 CLion 了,杀鸡用牛刀-小题大做,VSCode 配合拓展和 MinGW 足矣,没必要把时间花在配置 IDE 上。

    9.3K60

    使用FiddlerX5S插件查找XSS漏洞

    但用户需要了解XSS和encoding编码知识,因为所有和XSS相关工作都要手动完成。基本上X5S 就是去检测需要用户输入地方有没有被正确编码。...另外别忘了选中“Request”和“Responses”前面的复选框,并在“AutoInjection Options”下选中所有复选框。 ?...Fiddler左侧记录了之前访问过URL,我们要做就是找出包含漏洞URL请求。查看记录,找到用灰色高亮请求地址。 如下图所示,为了安全起见,这里把URL信息隐藏了。 ?...图6包含可疑preamble信息URL请求 可以看到红框内URL用亮灰色高亮显示了。右击该条记录,选择copy下“JustURL”,拷贝该请求URL。 ?...同时该工具花费时间也比较长,因为我们必须手动检测每个URL,有可能错过某个包含XSS漏洞页面,就没办法对这个页面进行检测了,因此也有可能在浪费了大量时间后因软件局限性没有发现漏洞。

    1.9K101

    Spread for Windows Forms快速入门(5)---常用单元格类型(下)

    如果他们显示图片,你可以选择当按钮按下显示另外一张图片。你可以自定义按钮单元格颜色,包括边框颜色,文本颜色以及背景颜色。另外,按钮单元格可以显示三维外观,并且你可以自定义高亮和阴影颜色。...这个属性允许你总是显示一个按钮或者在当前这一列,这一行,或者这一个单元格中若干个按钮。 在下面的示例中,创建一个蓝色带文本按钮。当指针被按下时,可以定义不同显示文本。...你可以使用复选框单元格以便在单元格中显示一个复选框,一个复选框默认地显示一个小型复选框,此复选框选有三个状态中一个,三个状态包括已选,未选,或者置灰。...默认外观使用TextTrue,TextFalse和TextIndeterminate属性以显示预定义文本。点击单元格任何一个地方以改变复选框状态。 ?...HotkeyPrefix 设置ampersand符号是否显示以及如何在文本中显示下划线快捷键。 TextAlign 设置单元格中文本如何根据复选框图形进行对齐。

    4.4K60

    Virtuoso 版图小技巧2(连载中...)

    layout窗口对应层也会同步显示或隐藏。...02 2、Layout XL状态下,飞线显示不全 在layout xl连接正确情况下,有时我们点击电路图中某个net时,发现有一部分net没有飞线连接,有一部分又有飞线连接,但相关pin都是高亮状态...按下"k"键,然后按"F3",在弹出对话框中把"Savable Measurement"去掉勾选即可。然后cell在保存关闭后,cell中没有删除标尺都会自动删除。...05 5、Layout XL状态下几种原理图net和版图net同步高亮方法 (1)在原理图界面,按下快捷键“9”,然后按“F3”,勾选layout,可实现在原理图中高亮net,对应版图中net也同步高亮...; (2)在原理图界面中点击对应net,版图中net自动高亮;要想在版图界面中点击对应net,原理图中net也自动高亮,需要按如下设置即可; (3)在layout界面中,鼠标放在net上会自动高亮,对应原理图中

    2.5K31

    maclinux中vim永久显示行号、开启语法高亮

    最后附上其它选项(从网上淘来) set nocompatible                 "去掉有关vi一致性模式,避免以前版本bug和局限     set nu!                                    ..."语法高亮显示 set autoindent                       "vim使用自动对齐,也就是把当前行对齐格式应用到下一行(自动缩进) set cindent                             ..."去除vimGUI版本中得toolbar    set vb t_vb=                            "当vim进行编辑时,如果命令错误,会发出警报,该设置去掉警报       ..."默认情况下,寻找匹配是高亮显示,该设置关闭高亮显示      set incsearch                        "在程序中查询一单词,自动匹配单词位置;如查询desk单词,..." 设置退格键可用 注:如果是mac,更好办法是直接换掉默认终端,改用zsh,百度一下zsh,有很多教程, 比如: http://blog.163.com/qy_gong/blog/static/1718738792013102992830558

    3.1K20

    Hexo中Markdown语法(GFM)使用

    h5 //五级标题 对应 ###### h6 //六级标题 对应 1.2 段落及区块引用 Markdown提供了一个特殊符号 > 用于段首进行强调,被强调文字部分将会高亮显示...> 这段文字将会被高亮显示......: 这里是斜体 这里是斜体 这里是加粗 这里是加粗 这里是加粗并斜体 这里是加粗并斜体 1.7 删除线 这样来 ~~删除一段文本~~ 以上标记显示效果如下: 这样来 删除一段文本 1.8 高亮显示 使用...:蓝色文字 浅蓝色文字:浅蓝色文字 绿色文字:绿色文字 金黄色文字:金黄色文字 浅黄色文字:浅黄色文字 深黄色文字:深黄色文字 需要其它更多颜色,可以到下面这个网址查更多颜色 RGB,或者直接用颜色英文代替...NexT :smile: 更多可用 Emoji 代码参见 emoji-cheat-sheet 和 emojicopy 1.18 复选框列表(github可用,hexo不支持) 在列表符号后面加上 [x

    2.6K20

    记几处原生JS开发 原

    高亮后,IE11非常的卡,无法滚动,按F12查看性能,要2秒多去渲染一屏,这和JS无关了。我以为是元素过多,IE性能太差原因。后来偶然把prism.css文件去掉,结果瞬间显示出来。...先想肯定是阴影或变形引起吧,就把css中shadow去掉,还不行。就一块块去CSS代码。在把透明度去掉,就好了!...解决办法:window.scrollY || window.pageYOffset || document.documentElement.scrollTop 4、在IE11里访问iframe时,document.getElementById...frm得到竟然直接是一个window对象,我个天呀!  在chrome,ff中, 可不是这样,我还没有去百度原因,不知道有没有什么说法没有。...解决办法:统一用document.getElementById("frm") 5、动画编写。

    2.1K20

    基于 Next.js 新博客

    而且最后得到 CSS 文件也是比自己手写要小很多,理论上是页面样式越复杂复用样式越多,文件缩小幅度越明显。...代码高亮 个人感觉分页,尤其是文章内分页没什么用。简单设想一下,要找一篇文章,是一页页翻?还是直接搜索或者归档页找更快?很明显是后者。(但是为什么会有人给归档页加分页)。...首页我觉得像每篇文章都显示然后分页也是效率比较低做法,我自己习惯是最多看到页脚,想继续看会直接去归档页,而不是在首页点下一页。 于是只在首页显示最新文章,剩下放个链接跳转到归档页。...然后首页变得巨空无比,想办法找了个东西填,虽然还是很怪。这部分之后应该会改。 标签这东西我一直认为和分类有冲突,本来是想直接两个一起删掉,还是留着个分类吧。(其实只是我不会分类和分标签)。...代码高亮找不到适合我这个画风,直接去掉吧,毕竟我不是什么技术博客,代码量还是很少。 评论……本来是想去掉,总之还是先加上,而且本地不好调试我还不知道到底有没有效果。依然是 DisqusJS。

    82330
    领券