Killpe Asked: 2020-01-27 14:26:36 +0800 CST 2020-01-27 14:26:36 +0800 CST 2020-01-27 14:26:36 +0800 CST 从选择焦点css中删除点 772 在 Firefox 中,选择焦点会让我有些不知道如何删除的点。 这些是: 在某些情况下,我删除了它们,但我不记得它是什么样的。 如果我没记错的话,它是大纲,但在 Firefox 中,这对我来说并不重要。 .txt { padding: 10px; &:read-write:focus { background: #eeeeee; outline: none; } } <div class="txt" contenteditable="true">Lorem ipsum</div> 我举了一个发生了什么的例子......在野生动物园中我看到了背景,但在Firefox中我看到了点。 css 3 Answers Voted Best Answer Francisco Romero 2020-01-28T04:07:11+08:002020-01-28T04:07:11+08:00 您的问题确实是,为了read-write在 Firefox 中使用选择器,您需要在它前面加上-moz. 我已经设法用 Firefox 49.0.2 重现了您的错误。 当然,请记住,您必须创建两个 CSS 条目,一个用于 Firefox,一个用于所有其他浏览器。 您修改后的示例: .txt { padding: 10px; } .txt:-moz-read-write:focus { background: #eeeeee; outline: none; } .txt:read-write:focus { background: #eeeeee; outline: none; } <div class="txt" contenteditable="true">Lorem ipsum</div> 注意:这里我将代码放在纯 CSS 中,以便您可以在代码段中看到效果,因为使用 SASS 我们将无法在此处看到结果。 您的 SASS 代码如下所示: .txt { padding: 10px; &:-moz-read-write:focus { background: #eeeeee; outline: none; } &:read-write:focus { background: #eeeeee; outline: none; } } <div class="txt" contenteditable="true">Lorem ipsum</div> Rene Limon 2020-01-27T15:10:51+08:002020-01-27T15:10:51+08:00 假设由于您的代码中有它,它可以工作,我不知道它是否已经被弃用或者为什么它不再工作了。但是,使用该属性[contenteditable]是可能的,尽管您将其应用于所有元素,而不仅仅是类.txt: .txt { padding: 10px; } [contenteditable]:focus { outline: 0px solid transparent; } <div class="txt" contenteditable="true">Lorem ipsum</div> José Llamas 2020-01-27T14:34:30+08:002020-01-27T14:34:30+08:00 a:hover { 边距://你想用边距发生什么 }
您的问题确实是,为了
read-write
在 Firefox 中使用选择器,您需要在它前面加上-moz
.我已经设法用 Firefox 49.0.2 重现了您的错误。
当然,请记住,您必须创建两个 CSS 条目,一个用于 Firefox,一个用于所有其他浏览器。
您修改后的示例:
注意:这里我将代码放在纯 CSS 中,以便您可以在代码段中看到效果,因为使用 SASS 我们将无法在此处看到结果。
您的 SASS 代码如下所示:
假设由于您的代码中有它,它可以工作,我不知道它是否已经被弃用或者为什么它不再工作了。但是,使用该属性
[contenteditable]
是可能的,尽管您将其应用于所有元素,而不仅仅是类.txt
:a:hover { 边距://你想用边距发生什么 }