程序员经验分享-hwhale

CSS 选择颜色在 Chrome 上表现奇怪

2023-11-22

我正在尝试使用 CSS 更改网站的选择颜色::selection伪元素。

正如所见这个jsFiddle，文本在被选择时应该具有全黑的背景颜色。在 Firefox 上，情况就是如此。

然而，在 Chrome 上，颜色是不是绝对的黑。Chrome 似乎在摆弄我的颜色。

你可以看到这个，如果你选择时将文本保留为黑色：在 Firefox 上，它变得不可见，而在 Chrome 上您仍然可以看到它。

我注意到我使用的其他背景颜色有这种效果：它们在 Chrome 上总是有点偏离。在我看来，好像添加了一点红色。

如何在 Chrome 上获得我想要的真实颜色？


可能是为了阻止您想要做的事情，Chrome 似乎会更改选择的背景颜色的不透明度（如果它是 1）。您可以通过将不透明度设置为非常接近 1 来欺骗它，例如（background-color: rgba(0,0,0,.99).

http://jsfiddle.net/ExplosionPIlls/a3gfR/5/

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

css

CSS 选择颜色在 Chrome 上表现奇怪 的相关文章

  • Sass 负变量值？

    我有几个 scss 选择器 其中我使用相同数量的正数和负数 如下所示 padding 0 15px 15px margin 0 15px 20px 15px 我更喜欢对所有 15px 量使用一个变量 但这不起作用 pad 15px padd

  • css如何让文本底部对齐？

    怎么做怎么做 a 文字底部对齐吗 我已经添加了height line height and vertical align bottom 但文本仍然在 div 的中间 怎么做 谢谢 Test in http jsfiddle net BanA

  • Bootstrap：使用单个选项卡导航控制多个选项卡面板

    我想用一个选项卡导航来控制两个不同的选项卡内容 在 Bootstrap 3 中 我有一个使用逗号分隔数据目标的解决方案 如本例所示 https stackoverflow com a 19719859 1788961 https stack

  • 我无法注入带有“！important”规则的样式[重复]

    这个问题在这里已经有答案了 我尝试使用以下代码注入样式 document body style color green important Per CSS 级联引用 http www w3 org TR CSS2 cascade html

  • 调整离子卡中的图像大小

    我想显示一组图像 并在下面说明 我选择使用 Ionic 卡 我得到这个结果 第一张图片 虽然我想保留现在的相同布局 并添加描述 这是我的代码

  • 悬停在“除了”之外的所有内容上，即“聚光灯”效果：如何进行平滑且轻松的悬停过渡？

    Chris Coyier 曾在 CSS Tricks 网站上发表过一篇文章介绍如何实现这种效果 ul hover li not hover opacity 5 但我还试图实现平滑且轻松的悬停过渡 我只是不确定如何或在哪里插入代码的 平滑悬停

  • 为什么盒子大小调整不适用于画布元素上的宽度/高度属性？

    让我们考虑一下这段代码 canvas width 150px height 150px canvas box sizing border box border 5px solid

  • 如何反转媒体查询中元素的顺序？

    我有两个 div 左和右 但是当屏幕小于 500px 时 左 div 成为底部 div 右 div 成为顶部 div DOM 中的第一个 div 应该显示为第二个 第二个 div 为第一个 I use display flex 然后 div

  • 如何更改 div 悬停时的跨度颜色

    我正在尝试更改 div 悬停时跨度的颜色 如何使红色汉堡按钮 即跨度 在 div 悬停时将颜色更改为黑色 PS 现在它在跨度的悬停上执行此操作 JSFiddle https jsfiddle net bjjbqct8 https jsfid

  • 当td内容太宽时，表格溢出父div

    我准备了一个 JSFiddle 来解释 向你展示我的问题 http jsfiddle net nz96C http jsfiddle net nz96C 乍一看还不错 但是当我添加一些文本时 firsttd一旦使用 tds 整个宽度 整个表

  • 右列固定的 Div 表

    我最近接手了一个非营利网站作为一个项目 我正在使用一个现有的网站 所以我必须使用很多已经编程的东西 所以我所要做的就是创建设计 I made a diagram of basically what I can t figure out ho

  • 如何将 em 标签重新设置为粗体而不是斜体

    我想让文本在 em 标记粗体而不是斜体 有没有办法用 CSS 来实现这一点 当然 使用以下 CSS 代码 em font weight bold font style normal em

  • 保证金如何运作？

    我在下面提供了marginfix这是一个块级元素并且one and two也是块级的 但它们是浮动的 这就是为什么它们位于同一行布局的原因 但是marginfix也不浮动 块级元素应位于该元素下方 如下所示

  • @fontface - 禅宗购物车中的 403 禁止错误

    我不确定这是否是发布此内容的正确位置 因为我不知道问题出在哪里 基本上 字体现在对我来说真的很痛苦 而且没有任何效果 我尝试从 google fonts 加载字体 但遇到了 IE 问题 所以我决定下载它们并自己提供服务 但现在它无法在任何浏

  • 当 Chrome 中嵌套滚动中的数据更改时防止页面滚动

    我在页面中有一个固定大小的元素 带有 溢出 滚动 其内容经常更改 我预计该元素内部发生的更改会影响该元素的滚动 但不会影响页面滚动 但是当这个元素位于页面顶部时 页面本身开始滚动 我怎样才能防止这种情况发生 要重现此行为 我在 chrome

  • CSS以两种颜色显示一个字符[重复]

    这个问题在这里已经有答案了 css中是否可以用两种颜色制作单个字符 我的意思是例如字符 B 上半部分为红色 下半部分为蓝色 h1 font size 72px background webkit linear gradient red 49

  • 如何在 HTML 中将文本设置为粗体？

    我正在尝试使用 HTML 将一些文本加粗 但我很难让它发挥作用 这就是我正在尝试的 Some

  • 如果超过高度则动态浮动柱

    I ve got a questing concerning a dynamic floating layout of li s in a ul Container 灰色容器 ul 固定高度为 150px 所有 li 其中的应使用最大高度

  • 粘性背景图像/使用 CSS

    我目前正在创建我的第一个网站 并且即将完成 我在标题下为主体使用背景图像 我发现每个页面都有一个问题 因为它们的高度都不同 这使得我背景图像的当前设置放大图片以适合整个页面 我想做的是将背景图像设置为 粘性 我的想法是 背景图像将直接位于标

  • 如何计算一行中Flexbox项目的数量？

    网格是使用 CSS flexbox 实现的 Example http jsbin com jumosicasi edit html css js output 本示例中的行数为 4 因为我出于演示目的固定了容器宽度 但是 实际上 它可以根据

随机推荐

  • 将多个字符串替换为多个其他字符串

    我正在尝试用多个其他单词替换字符串中的多个单词 该字符串是 我有一只猫 一只狗和一只山羊 然而 这不会产生 我有一只狗 一只山羊和一只猫 而是产生 我有一只猫 一只猫和一只猫 在JavaScript中是否可以同时用多个其他字符串替换多个字符

  • 在 C++ 中以相反的顺序打印我的链接列表

    所以我对 C 相当陌生 今天我决定坐下来了解链表是如何工作的 到目前为止 我玩得很开心 但是当我尝试以相反的顺序打印链接列表时遇到了问题 而不是颠倒链接列表的顺序 另外 我想在没有双链表的情况下执行此操作 include

  • 在SVN中共享文件

    我正在从 VSS 迁移到 SVN 但我不知道如何在 SVN 中共享文件 基本上我们在VSS中有以下结构 MOSS Components ComponentA bin ComponentB bin GAC Mirror GAC Mirror

  • 在单独的 NIB 文件中的多个视图之间共享 NSArrayController

    首先 一些背景知识 我正在尝试在 Cocoa 适用于 OS X 中实现主从接口 也就是说 我有一个窗口有两个NSTableView显示两种不同类型的对象 对于这个问题 假设它们是仓库和包 选择一个与我的实际问题类似的例子 在第一个表视图 在

  • Python列表中浮点数的总和

    我有浮点值s p list swn senti synsets a s p 0 pos score print s Output 0 0 0 0 1 0 0 0 0 25 0 25 然后我尝试 print sum s 这给出了错误 floa

  • 如何在 C# 中将流保存到文件？

    我有一个StreamReader我用流初始化的对象 现在我想将此流保存到磁盘 该流可能是 gif or jpg or pdf 现有代码 StreamReader sr new StreamReader myOtherObject Input

  • 如何使用 Emacs trapmp ssh 到远程主机并以另一个用户的身份临时编辑文件？

    multi 曾经为我工作 现在它消失了 我很沮丧 我想做的是 在我的梦想世界里 myuser remotehost sudo 另一个用户 some path to file 并进行 ido 模式工作 这里的关键是 myuser remote

  • React HTML 编辑器 (TinyMce)

    我正在寻找适用于 React 的 HTML 编辑器 但由于我没有找到任何可以正常工作的内容 我只需要格式化文本 h1 h2 h3 p 粗体和图像 in base64 最后我决定使用Tiny Mce 效果很好 但仅限于第一次打开页面时 如果我

  • Tkinter，将前景图像覆盖在具有透明度的背景图像之上

    我有 2 张 png 格式的图片 第二个图像是具有透明背景的形状 第一张图片 第二张图片 我无法在给定坐标 x y 处将第二个图像置于第一个图像之上 并且通过第二个图像的透明区域可以看到第一个图像 期望的结果 import Tkinter

  • 如何修复“画布：尝试使用回收位图错误”？

    我正在创建一个RecyclerView显示图片网格 当选择其中一个时 它应该打开一个带有过渡的新活动 我正在使用 Glide 库来加载图片 并且过渡看起来很糟糕 因为它会在新活动中重新加载图片 所以我必须将其保存在缓存中 然后将其用于转换

  • Vba检查单元格中是否部分粗体

    我正在从工作表中的文本列表生成 XML 但我不知道如何检查当前单元格中是否有粗体字 我需要做的是检查 A 列中的每个单元格 将文本读入字符串 如果我点击任何粗体单词 请添加 周围有标签 我知道您可以逐字符读取单元格内容 但不能读取其格式 任

  • 同时登录网站和 Chrome 扩展程序

    我们有文件共享服务 http ge tt 以及一些 Chrome 扩展 其中之一为 Gmail 添加了额外的功能 在此扩展中 我们要求用户先登录 Ge tt 然后才能使用该扩展 由于他们已经登录了 Ge tt 所以他们不必再次登录就太好了

  • 如何从 HTTP 请求中获取 MAC 地址？

    有人可以给我一些关于从 HTTP 请求中获取用户 MAC 地址的指示吗 用户将来自outside我的网络 这取决于您的网络设置 但可能不会 以下是对以太网和 IP 的简短回顾 MAC地址是网卡的唯一地址 它用于识别数据包属于该网段上的哪个用

  • Modelmapper：当源对象为空时如何应用自定义映射？

    假设我有课MySource public class MySource public String fieldA public String fieldB public MySource String A String B this fie

  • 如何在SQL Server中使用选择查询创建表？

    我尝试使用 SYS 查询创建 50 100 个表 SELECT windows release windows service pack level windows sku os language version FROM sys dm o

  • Windows 中的 Chrome 63 忽略 autocomplete="new-password"

    我的 asp net 站点中有以下测试页面

  • 如何使用 std::copy 读取任意数量的值？

    我正在尝试编写与此相反的操作 std ostream outs properly initialized of course std set

  • jvm字节码中的栈映射表是什么？

    我正在学习用于生成字节码的 ASM 库 在某些时候 我犯了一些错误的局部变量类型并收到错误 Exception in thread main java lang VerifyError Bad local variable type Exc

  • Java 中的字母常量？

    我遇到一种情况 我需要在字母表中找到字母的索引 在Python中我可以使用string ascii lowercase or string ascii uppercase Java中有类似的东西吗 显然我可以这样做 private stat

  • CSS 选择颜色在 Chrome 上表现奇怪

    我正在尝试使用 CSS 更改网站的选择颜色 selection伪元素 正如所见这个jsFiddle 文本在被选择时应该具有全黑的背景颜色 在 Firefox 上 情况就是如此 然而 在 Chrome 上 颜色是不是绝对的黑 Chrome 似

热门标签