使元素看起来苍白但不透明



Bootstrap在禁用按钮上使用opacity: 0.65,但这会使元素半透明。我不希望用户透过禁用的元素看到,那么是否有其他方法可以实现类似的浅色外观?

我尝试过其他CSS3过滤器,但没有一个(除了opacity)产生一个愉快和清晰的效果来指示禁用。

编辑:

我决定通过用白色背景包装span中的按钮来破解这个问题。但我很好奇是否有像一行opacity风格一样简单的东西。

如果你在css中使用hsla()颜色,你可以用一种方便的方式调整颜色的饱和度或明度,在你的情况下,你可能想要降低颜色的饱和度或调整它,使其与文本/背景的对比变得不那么强烈。

您可以在这里查看HSL参数

最新更新