CSS 伪选择不改变 text-shadow 属性

Question

每当我在 ::selection/::-moz-selection 中使用 text-shadow: none; 时，它就不会工作。

我只是很困惑为什么它在网站上有效 1和 2但不在我下面的代码中。 This code 正是我想要的，但它在我自己的代码中不起作用。

我的代码

textarea {
  background: #778899;
  color: #FFFFFF;
  text-shadow: 0 0 5px #000000;
  font-size: 50px;
}
.fortext::-moz-selection {
  background: #FFFFFF;
  color: #000000;
  text-shadow: none;
}
.fortext::selection {
  background: #FFFFFF;
  color: #000000;
  text-shadow: none;
}

<textarea class="fortext">Test</textarea>

上面是我得到的，你可以看到阴影仍然存在。

我尝试过的:

文本阴影:

• 0 0 0 #000
• 0 0 0 无
• 无
• 0 0 0 清除
• 清除
• 0px 0px 0px 无
• 5px 5px 5px 无

以上代码都没有改变任何内容。

我也看到了this发帖了，但是好像没用。

Answer 1

Chrome 在处理文本区域时失败。对于 p 来说效果很好。 这就是您链接的示例有效的原因

p {
  background: #778899;
  color: #FFFFFF;
  text-shadow: 0 0 5px #000000;
  font-size: 50px;
}
.fortext::-moz-selection {
  background: #FFFFFF;
  color: #000000;
  text-shadow: none;
}
.fortext::selection {
  background: #FFFFFF;
  color: #000000;
  text-shadow: none;
}

<p class="fortext">Test</p>