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

Question

每当我在text-shadow: none; / ::selection中使用::-moz-selection时，它都无效。

我很困惑为什么它可以在网站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 none
• none
• 0 0 0 clear
• clear
• 0px 0px 0px none
• 5px 5px 5px none

以上代码均未发生任何变化。

我也看过this帖子，但它似乎无效。

Answer 1

如果是textarea，则Chrome会失败。它适用于p。 这就是您链接的示例正在运行的原因

NSManagedObjectContext *privateMOC = [[NSManagedObjectContext alloc] initWithConcurrencyType:NSPrivateQueueConcurrencyType];
[privateMOC setParentContext:self.mainContext];

[privateMOC performBlock:^{

        NSFetchRequest *fr = [[NSFetchRequest alloc] initWithEntityName:@"Category"];
        fr.relationshipKeyPathsForPrefetching = @[@"image"];

        NSArray *results = [privateMOC executeFetchRequest:fr error:nil];

        for (Category *category in results) {

            NSLog(@"%@",category.image.width);
        }
    }];

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;
}

Answer 2

<textarea>是替换元素，与许多替换元素一样，不支持某些CSS特性。

Altough我无法在任何地方找到它，但我认为你刚刚找到了它。

https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element