Firefox :: - moz-selection选择器错误(？)有解决方法吗？
Firefox是一款开源的网页浏览器，由Mozilla基金会开发。它支持多种操作系统，并且具有强大的扩展性和用户定制性。
关于"moz-selection选择器错误"，这是指在使用moz-selection选择器时出现的错误。moz-selection选择器用于选择用户在页面上进行的文本选择操作。然而，有时候在使用该选择器时可能会出现一些问题。
解决这个错误的方法可以有以下几种：
- 检查CSS语法：首先，确保你的CSS代码中没有语法错误。检查选择器的书写是否正确，确保没有遗漏的括号、分号或其他符号。
- 检查浏览器兼容性：不同的浏览器对CSS选择器的支持程度可能有所不同。在使用moz-selection选择器之前，建议先检查一下该选择器在Firefox浏览器中的兼容性情况，确保它能够正常工作。
- 使用其他选择器：如果出现了无法解决的问题，可以尝试使用其他选择器来实现相同的效果。例如，可以使用::selection选择器来代替moz-selection选择器。
总结一下，如果在使用moz-selection选择器时出现错误，可以通过检查CSS语法、检查浏览器兼容性以及尝试使用其他选择器来解决问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
我在一个网站上工作，它有大量的颜色样式，大约250行CSS来定义7种颜色方案中的一种，所以我尽可能地对各种颜色规则进行分组是很重要的。
当我尝试堆叠与已弃用的CSS3 ::selection伪元素相关的选择器时，Firefox4的最新RC表现不佳。
这是可行的：
.green ::-moz-selection {
/* 'Pure Hue' Color */
background-color: #62BA21;
color: white;
}
但是一旦我尝试和webkit的选择器分享这个规则，它就失效了。
不适用于FireFox：
.green ::se
浏览 0提问于2011-03-15得票数 3
回答已采纳
4回答
.box_content ::selection {
background:#CCCC33; /* Safari */
}
.box_content ::-moz-selection {
background:#CCCC33; /* Firefox */
}
谁知道我能不能像这样把它们组合起来？
.box_content ::selection .box_content ::-moz-selection {
background:#CCCC33;
}
或者像这样：
.box_content ::selection, .box_content ::-moz-selection {
bac
浏览 0提问于2010-03-26得票数 1
回答已采纳
1回答
我目前正在更改所选文本的默认背景色。这样做很好：
::selection {
background:#B6D0FA;
}
::-moz-selection {
background:#B6D0FA;
}
我想我可以像这样合并一些行：
::selection, ::-moz-selection {
background:#B6D0FA;
}
但它在FireFox中不起作用。
怎么了？
浏览 2提问于2011-12-30得票数 3
回答已采纳
我正在尝试设置输入值的背景和颜色。我成功地在Mozilla浏览器上实现了::-moz-selection，但Chrome和其他浏览器(如Opera )中的::selection不起作用。
Chrome-::selection格式的屏幕截图。它的失败了：
在MozillaFirefox-::-moz-selection中的表单截图。It works
这是我的代码：
<form>
First name: <input type="text" name="FirstName" value="John"><
浏览 2提问于2013-12-26得票数 1
回答已采纳
2回答
这是HTML：
<h2>Achievements</h2>
<img src="img/atlassian.png" />
<p>The most reputable and successful start-up in Australian history. Led the design for Confluence over 4 years.</p>
这是CSS：
::selection {
background: #fade70; /* Safari & Chrome */
color: #333;
}
浏览 0提问于2014-05-28得票数 3
我像这样使用CSS3 ::section选择器
::selection{
color:red;
background-color:pink;
}
::-moz-selection {
color:red;
background-color:pink;
}
因此，当某些元素被选中时，它应该将其颜色更改为红色，将背景更改为粉红色。
它适用于除Anchor标记<a>以外的所有其他东西。
当选择锚文本时，它将样式应用于链接文本，但不应用于锚文本下的行。
JSFiddle：
那么，我们如何将这种风格也应用于下划线呢？
PS:浏览器测试: chrome 31
浏览 6提问于2013-12-18得票数 6
回答已采纳
::moz-selection是否仍然需要更改火狐的文本选择颜色？我读过一些文章，他们给出了下面的代码，以改变我的wordpress网站的文本选择颜色。
/* MP highlight text red */
/* For FireFox */
**::-moz-selection** {
background-color: #50BAEE;
color: #fff;
}
/* For everyone else */
::selection {
background-color: #E53333;
color: #fff;
}
我在browserling.com上为火狐模拟了上
浏览 4提问于2019-10-26得票数 0
回答已采纳
3回答
CSS验证不验证
、、
/* ** ** custom select color ** ** */
::selection {
background: #525252; /* Safari */
}
::-moz-selection {
background: #525252; /* Firefox */
color:#fff;
}
上面的代码并没有通过W3C验证器，但是我无法理解原因。
返回以下错误：
伪元素::selection不能出现在上下文css21选择中
伪元素::-moz-selection不能出现在上下文css21 -moz-中。
浏览 3提问于2011-02-08得票数 2
回答已采纳
3回答
我正在做一个jQuery主题，其中包括尽可能多的表单元素的样式。最初它是为Webkit (Chrome)开发的。现在我想让它在Firefox上也能工作。
问题是；Firefox在某些特定于Webkit的语法上存在问题。
例如：
input[type="range"]::-webkit-slider-thumb,
input[type=radio],
input[type=checkbox] {
-webkit-appearance: none !important;
-moz-appearance: none;
width: 1.2em;
hei
浏览 0提问于2011-11-30得票数 14
回答已采纳
2回答
我试图在Chrome中使用自定义的::selection效果，但在突出显示的文本上出现了这种糟糕的蓝色效果：
这是我的CSS：
::selection {
color:#ffffff;
background: #000000;
}
::-moz-selection {
color:#ffffff;
background: #000000;
}
::-webkit-selection {
color:#ffffff;
background: #000000;
}
我不能在Firefox中复制这个错误--有什么我可以做的吗，或者这只是浏
浏览 1提问于2011-06-19得票数 0
回答已采纳
1回答
::selection{}并不是在任何地方都能工作。我需要它在任何地方都起作用。
我试过了
::selection,
p::-moz-selection, input::-moz-selection, textarea::-moz-selection,
p::-webkit-selection, input::-webkit-selection, textarea::-webkit-selection,
p::-o-selection, input::-o-selection, textarea::-o-selection,
p::-ms-selection, input::-ms-selec
浏览 4提问于2013-11-03得票数 0
回答已采纳
1回答
我正在做这个，我对上面的部分有一个问题(有黎明太阳的背景图片的那个)
在Chrome上，我设法将平板电脑图像放在了背景部分，但在Firefox上，背景部分并没有扩展到包括平板电脑图像。
你对如何修复它有什么想法吗？
浏览 0提问于2016-03-24得票数 0
我对大多数文本站点都使用了文本阴影，但当你突出显示/选择文本时，文本看起来很模糊。因此，为了去掉文本阴影，我使用了中的css。
::-moz-selection,
::-webkit-selection,
::selection {
text-shadow: none;
background: #333;
color: #fff;
}
问题是，由于某种原因，moz-selection似乎无法工作(再也不能工作了？)在mozilla (Firefox)中。
这是
浏览 1提问于2012-10-23得票数 14
回答已采纳
我非常喜欢用::selection和::-moz-selection来美化一个网站--我讨厌默认的蓝色和白色！
然而，我发现有一件小事情让我很困扰:我不能把::selection和::-moz-selection放在相同的CSS规则中，就像这样：
::selection, ::-moz-selection {
background:#8A1920;
color:#FFFF;
}
我觉得这很烦人，因为这意味着如果我想改变我的背景颜色(或其他一些选择风格)，我必须编辑两个单独的规则。这也违反了我几乎虔诚地遵循的一项政策: D.R.Y. (不要重复自己)。
我在Chrome 28、
浏览 4提问于2013-08-07得票数 6
回答已采纳
我的css：
::selection, ::-moz-selection {
color: #f2f2f2;
background: #404040;
text-shadow: none;
}
它在Chrome上工作，但在Firefox上，它仍然具有默认的蓝色背景。
知道为什么吗？
浏览 2提问于2018-07-02得票数 1
回答已采纳
我无法理解::-moz-selection伪元素是如何继承的。我的意思是:如果我将：：-moz-选择应用于body标记，是否有可能？
body::moz-selection {
background: red;
}
它也适用于正文标签中的()段吗？我找到了这个
可以交替地用继承来描述这一点。可以观察到的不同之处在于继承和未设定的行为。它是从父元素：：选择继承还是从原始元素继承？歌剧是前者，壁虎/眨眼是后者。
我不太明白什么是“起源”元素(在我看来，“父”似乎很清楚)，以及这种继承的工作方式。
浏览 5提问于2015-03-16得票数 2
回答已采纳
1回答
好的，我想在我的页面上有不同文本的多个背景，比如，如果用户高亮显示文本，H1应该是不同的颜色，H2应该是不同的颜色，等等。
我的默认：：为页面上所有可以以其他方式选择的文本选择
::-moz-selection { background:#fff; color:#fff; }
::selection { background:#fff; color:#fff; }
但是，我希望我的一些不同颜色的单词有不同的背景：：选择
以下是我的html：
<span class="bigblue bigblueselect">Snoop Lion</span>
CSS
浏览 0提问于2012-08-04得票数 2
回答已采纳
2回答
我正在使用下面的css代码作为样式，但是它没有使用任何IE版本:(
中是否有任何解决方案或任何类型的脚本(Js)可以解决此问题？。
::selection {
background: #990000;
}
::-moz-selection {
background: #009900; /* firefox*/
}
浏览 4提问于2009-07-19得票数 1
回答已采纳
此CSS：
::selection{background:#fffada;color:#fff;}
::-moz-selection{background:#fffada;color:#fff;}
在Firefox和Safari中运行良好。
但是为了在Chrome中做同样的事情，我们需要使用什么呢？
浏览 1提问于2011-02-16得票数 1
嗨，我想给出p标签的选择样式，但是它不起作用，知道为什么吗？
body.blog p::selection,
body.blog p::-moz-selection {
color: red;
}
<body class="blog">
<p class="text-condensed-light text-15-rem mt-20">This text should be red when selected.</p>
</body>
任何帮助都很感激。
浏览 4提问于2022-08-29得票数 1
回答已采纳
1回答
为什么我们不能把CSS分组为..。
p::selection , p::-moz-selection
{background:transparent;}
演示:
为什么我们要一个接一个地选择
p::selection {background:transparent;}
p::-moz-selection {background:transparent;}
演示:
有人能扩大这个问题吗？
浏览 2提问于2013-03-25得票数 2
回答已采纳
1回答
我在我的博客上使用css选择器来覆盖浏览器文本选择的默认行为。
下面给出了用于CSS的代码。
::-moz-selection { background: #ea0000; color: #fff; text-shadow: none; }
::selection { background: #ea0000; color: #fff; text-shadow: none; }
它可以在Firefox和IE上工作，但是当使用Chrome时，选择会溢出到其他领域。有什么想法吗？
下面是如何测试我的博客中的问题: semihyagcioglu.com
浏览 1提问于2014-01-02得票数 1
回答已采纳
1回答
我的网页设置了全局选择，如下所示：
::selection {
background: rgba(255,255,255,0); /* Safari */
}
::-moz-selection {
background: rgba(255,255,255,0); /* Firefox */
}
除了图片之外，它对任何东西都很有吸引力，所以我的问题是我如何在每个元素上应用这个透明的选择？
注意:我使用的是Firefox。
浏览 0提问于2013-11-19得票数 2
2回答
有没有什么方法可以将::moz-selection应用于输入元素，即使我必须在userChrome.css、userContent.css或其他类似文件中编辑某些文件？
谢谢
浏览 0提问于2010-10-15得票数 1
回答已采纳
1回答
谁能告诉我如何更改所选内容的颜色？？em对其使用此css
::selection {
background: #ffb7b7; /* Safari */
}
::-moz-selection {
background: #ffb7b7; /* Firefox */
}
它运行良好，但不是我想要的，它改变了所选文本的颜色，但空格/间隙没有被选择，空格/间隙是用默认的蓝色选择的，有什么补救措施吗？？查看我的博客，试着选择空格/空格，然后你就会知道它到底出了什么问题。等待您的帮助:)
浏览 1提问于2012-07-15得票数 1
回答已采纳
1回答
我想禁用特定元素的文本选择。例如：
p {
-moz-user-select: none
}
span {
-moz-user-select: text
}
<div>
<p>first paragraph</p>
<span>first span</span>
<p>second paragraph</p>
<span>second span</span>
</div>
第一段和第二段不能单独选择。但是，
浏览 1提问于2012-08-11得票数 4
回答已采纳
我有网站，我第一次设置的地方
::selection
{
background: transparent;
}
::-moz-selection
{
background: transparent;
}
*
{
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
(只是为了艺术效果，而不是因为我会试图阻止人们抄袭一些东西。)
但是，稍后，我希望用
浏览 3提问于2012-06-13得票数 6
回答已采纳
如果以下列方式编写，则更改::selection文本颜色的代码运行良好：
HTML:
<p>This is a paragraph.</p>
CSS:
p::selection { // This works
color:#ff0000;
}
p::-moz-selection { // This works
color:#ff0000;
}
但是，如果我像下面这样将两个CSS规则放在相同的行上，那么它就不能工作：
HTML:
<p>This is a paragraph.</p>
CSS:
p::selection, p::-moz
浏览 3提问于2013-05-16得票数 5
回答已采纳
1回答
我在UIwebview中加载了html文件，并将下面的代码放在html文件中。
<style>
::-moz-selection { /* Code for Firefox */
color: red;
background: yellow;
}
::selection {
color: red;
background: yellow;
}
</style>
而且在Uiwebview中也设置了浅色，但是当我选择文
浏览 2提问于2015-02-21得票数 3
回答已采纳
1回答
我用这个CSS更改了文本的选择颜色：
::-moz-selection {
background: #D9230F;
color: #FFFFFF;
}
::selection {
background: #D9230F;
color: #FFFFFF;
}
但是Firefox中的图像选择颜色仍然是蓝色的。我怎么才能改变呢？
编辑：我希望图像是可选的，所以user-select: none帮不了我。
浏览 1提问于2016-03-28得票数 2
回答已采纳
因此，我有以下代码：
jQuery('#id').live('keyup.autocomplete', function () {
jQuery(this).autocomplete({
source: function (request, response) {
jQuery.getJSON("link?callback=?", {
format: 'jsonp',
...
}, respons
浏览 2提问于2012-08-02得票数 2
我为::-moz-selection和::selection添加了自定义css，如下所示：
::-moz-selection {
background: $the-color-i-like;
}
::selection {
background: $the-color-i-like;
}
这在说它应该做的所有情况下看起来都很棒(除了<ol>标签的<li> it (10.0.1)外，在这个上下文中不需要任何-webkit- )。我似乎找不到任何文档来说明这是一个已知的错误。
有人注意到这个问题了吗？
有人有办法解决这个问题吗?这样所有内容的::select
浏览 2提问于2016-11-07得票数 1
我在GTK应用程序中遇到字体呈现问题(例如Firefox，GIMP)。
很明显，GTK主题有问题，但又是什么呢？
例如，在Firefox中，页面上的文本和菜单字符都呈现错误。
对于如何解决这个问题，有什么想法吗？
浏览 0提问于2012-10-16得票数 3
当文本被突出显示/选中时，我更改了文本的颜色，但我刚刚注意到文本装饰仍然是黑色的。
我在我的::selection css中添加了text-decoration-color: #fff，但是它没有生效，还需要用另一种方式吗？
我的CSS是：
::-moz-selection {
background: rgba($colorRed, .85);
color: #fff;
text-decoration-color: #fff;
}
::selection {
background: rgba($colorRed, .85);
color: #fff;
text-dec
浏览 16提问于2017-08-04得票数 4
2回答
当我用webkit隐藏滚动条时： /* Scrollbar*/
::-webkit-scrollbar {width: 0px;height: 0px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #888;}
::-webkit-scrollbar-thumb:hover {background: #555;}
/* Only Firefox 64 & + */
*{scrollbar-width: none!important;}
::select
浏览 31提问于2019-02-13得票数 0
默认情况下，以下行包含在HTML5样板模板中：
::-moz-selection{background:#fe57a1;color:#fff;text-shadow:none;}
::selection{background:#fe57a1;color:#fff;text-shadow:none;}
但是，我希望将选择的颜色保留为操作系统的默认颜色(在Windows中为蓝色，在Ubuntu中为棕橙色)。如果我省略了background属性，就不会有背景。
浏览 0提问于2011-12-30得票数 6
回答已采纳
我使用十六进制值在css文件中设置选择颜色。问题是，Firefox和Chrome不会呈现相同的颜色。
是否需要指定使代码呈现相同的内容？
我试着使用-webkit-，却一无所获。十六进制值与我使用的文本颜色完全相同。所有的东西，从渲染颜色到JS动画，都与Firefox和IE完美地工作，但是Chrome会做一些奇怪的事情。
在Chrome上
在Firefox上：
::selection {
background: #f997f1;
}
::-webkit-selection {
background: #f997f1;
}
::-moz-selection {
浏览 0提问于2018-10-27得票数 3
回答已采纳
1回答
今天，我注意到Firefox中有一个相当长时间的错误。
当您将CSS动画应用到元素以及针对相同键(例如transition: all)的转换时，动画会结巴/跳转/重新启动/运行两次。
我编写了。在所有浏览器中，除了Firefox之外，条形图按预期向下滑动。只有Firefox口吃，因为过渡。
这是已知的窃听器吗？有什么聪明的办法可以绕过这件事吗？我不想再开始写特定于浏览器的样式表了。有JavaScript来吗？
浏览 1提问于2013-10-26得票数 0
我在周围搜索了很多次，看到有人建议：
::-moz-selection {background: red;}
::selection {background: red; }
用于对多选表单项中当前选定项的背景进行着色的..works。(注意:我指的是选中的项目，不是有焦点的项目)。
我不能让这个起作用。我做错了吗？
#dropdowns select::selection {
background: red;
}
干杯:/
设置:使用Chrome for Mac
浏览 2提问于2012-02-16得票数 15
回答已采纳
2回答
我应该如何在Javascript中做到这一点
// CSS
*::-moz-selection{
background:transparent;
}
我试过这些，但并不是很有效：
// Javascript
document.mozSelection = "transparent";
document.body.mozSelection = "transparent";
浏览 0提问于2010-10-26得票数 3
回答已采纳
我启用了右键单击元素，如下所示：
<div class=my-content (contextmenu)="openContextMenu($event)">
在我的处理程序中，我添加了必要的命令，告诉它不要打开浏览器的上下文菜单：
openContextMenu( $event ) {
// do my thing, and then:
$event.preventDefault();
$event.stopPropagation();
return false;
}
不幸的是，浏览器选择的是我点击的单词，这会影响用户体验。这在Safari和Ch
浏览 2提问于2017-11-10得票数 0
我想在下拉列表、列表框和文本框中更改所选项目的背景颜色。这是可能的CSS吗？
谢谢
更新
刚刚尝试了这个CSS：
::-moz-selection
{
background-color:#8CCA1E;
color:Black;
}
工作对选定的文本，但不是悬停颜色或选定的项目颜色上的下拉列表或列表框。
浏览 8提问于2010-11-15得票数 3
回答已采纳
1回答
我不允许只使用CSS来选择元素(使用鼠标或CRTL+A进行选择)。我尝试了以下几点：
element {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
element::-moz-selection {
background: transparent;
}
而且它在Firefox 20中不能正常工作，但是它在webkit中工作。我可以选择图片和画布与CTRL+A，即使使用上述的CSS规则。
是否有一种方法，只使
浏览 1提问于2013-04-25得票数 1
2回答
我想知道是否可以更改字体的选择器颜色。
我知道除了使用这段代码的字体之外，任何事情都有可能改变它。
::selection{
background: #ffb7b7 !important; /* Safari */
}
::-moz-selection {
background: #ffb7b7; /* Firefox */
}
我还测试了以下内容：
.icon-2x::selection {
background: #ffb7b7 !important;
}
i::selection {
background: #ffb7b7 !impor
浏览 3提问于2013-08-20得票数 1
回答已采纳
1回答
我有一个ng-options多选列表，我试图用一个::before类在option文本之前附加一些图标。这在chrome中工作得很好，但在Firefox中就不行了。::before上的内容似乎删除了选项文本。
.optionClass:before{
content:"::before "
}
<select multiple="multiple">
<option class="optionClass">first</option>
<option class="op
浏览 2提问于2020-06-09得票数 0
3回答
我有一个简单的列表:示例：
我使用的是Mozilla Firefox ( 3.6版本，但我认为版本并不重要)。当我在项目符号上单击(单个)时，列表项被选中(突出显示)。
有没有办法禁用这种高亮显示(而不用永远使用-moz-selection键删除高亮显示)？
此行为在Chrome或IE中看不到。另一个示例：(使用列表样式的图像)：
在普通的javascript、jQuery或css中有没有办法在FF中禁用这个自动选择？
浏览 0提问于2011-05-23得票数 3
1回答
我使用Clipboard.js将.container的内容复制到用户的剪贴板上。我已经设计了这个.container的::selection / ::-moz-selection以及它的子元素，因为在复制到剪贴板的过程中，所有的子元素都是.select()编辑的。
除了::before (可能还有::after)伪元素之外，它非常有用。::before或多或少地忽略了我的css声明。我将counter css属性作为::before中的content使用。
下面是一个暴露问题的片段。我没有包括任何JS，因为没有必要揭露这个问题。单击并拖动代码块，您将看到::selection上除了::befo
浏览 5提问于2017-01-23得票数 2
回答已采纳
2回答
为什么不能使用body::selection，当我想要任何能突出显示为我想要的颜色时，任何东西都包括p img li h1。
这里的例子现在我希望所有的突出显示都是红色的，但是我使用的是body::selection，它从来不起作用。
浏览 5提问于2012-01-28得票数 6
回答已采纳
2回答
有人知道为什么在webkit浏览器上(铬，opera)，悬停上的图像闪烁吗？这个案子只在第二栏。有一个例子
我怎么才能修好它？仅仅是webkit浏览器的错误吗？它在firefox，甚至11上都能正常工作。
铬版33.0.1750.146，Opera 20.0.1387.64
浏览 4提问于2014-03-06得票数 0
回答已采纳
1回答
Jquery父选择器在IE8中不起作用，它可以与其他浏览器(chrome，firefox，opera，safari)一起工作。
我是这样使用它的：
comment = $(this).parent().parent().parent().find(".commentWrapper");
有什么想法吗？
-编辑--
抱歉，错误是下一行的误导性错误；
postId = $(this).parent().parent().find('input[name = "postId"]').val();
IE开发人员工具显示此错误：
Object doesn&
浏览 0提问于2011-11-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
