Css '；过滤器'；属性像素化我的字体？

我试图在一个按钮上实现一种红色，这似乎只有通过使用

过滤器：亮度（x）

才能实现。我遇到的问题是，最重要的是，使用这种样式会略微但毫无疑问地对按钮的字体进行像素化，但也会使文本颜色随背景一起变亮

我尝试过在样式之后添加文本，但都是一样的。这说明了所描述的问题

---

如何对抗或避免这种影响？或者在不使用亮度过滤器的情况下获得更亮的颜色？

我确信您可以选择十六进制格式的颜色。你可以找到很多提供托盘的网站。然后你可以像这样删除过滤器

---

首先，您可能会注意到亮度过滤器对背景色没有影响（删除文本并查看没有影响），这仅仅是因为您的颜色是

red=rgb（255,0,0）

，此过滤器应用线性变换，即最大值为255的rgb值的简单乘法。在您的情况下，您的值大于100%，因此颜色将保持不变

按钮{
颜色：白色；
显示：块；
字号：1.8em；
字体大小：粗体；
位置：相对位置；
背景：红色；
边界：无；
宽度：200px；
高度：20px；
}
按钮：悬停{
滤光片：亮度（180%）；
}

---

为什么要使它变亮，而不是仅仅使用

背景色和
颜色来设计它的样式？嗯，很有趣。。所以，增亮颜色只会导致不同的普通色码？这把小提琴我有三个钮扣。从下面的例子开始，我想用另一种颜色来达到我想要的效果。2） 这正是我想要达到的红色，但没有亮度。3） 复制按钮2的尝试失败。在第一个示例中，当我将按钮悬停时，它实际上会改变我认为的颜色。。这是非常非常轻微的。但确实如此。另外，如果增加亮度值，很明显它至少会改变。@user2651804否它不会改变：）尝试选择颜色值并查看；）唯一的更改应用于字体和边框，因此在您编写的第二个示例中出现了颜色更改的错觉。
按钮：before
没有两个冒号是打字错误吗？@user2651804不，这不是类型；）这两种方法都有效，请检查此项。我无法在开发人员控制台中执行此操作。。但我在fiddle中看到了：我都能看到变化，而且Colorpicker工具确认了从#ff001f到#ff0038的变化
button {
  color: white;
  display:block;
  font-size: 1.8em;
  background: #ff0022;
  font-weight: bold;
}