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

时间:2015-10-12 12:59:41

标签: css

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

我尝试了其他CSS3 filters,但其中没有一个(opacity除外)产生了令人愉快且清晰的效果,表示已禁用。

编辑:

我决定通过将span s中的按钮包裹在白色背景中来破解它。但我很好奇有没有像单行opacity风格那样简单的东西。

1 个答案:

答案 0 :(得分:0)

如果你在css中使用hsla()颜色,你可以方便地调整颜色的饱和度或亮度,在你的情况下你可能想要去饱和颜色或调整它以使它变得不那么对比文本/背景位于。

您可以浏览HSL paramerters here