html - 仅将不透明度应用于按钮的背景颜色而不是文本颜色

Question

我需要将不透明度应用于悬停按钮的背景颜色。按钮的文字颜色不应受不透明度的影响。

当我应用不透明度时..按钮文本颜色也变暗..应该是原样..我尝试使用带有黑色的线性渐变来获得不透明度效果，但它显示完全黑色..

plunker link -> http://plnkr.co/edit/HLoQf4fznVFx8OK10Wdl?p=preview

标签： htmlcss

Answer 1

您只能覆盖rgba允许您将不透明度作为第四个参数传递的背景颜色。

button{
    background: rgba(255,0,0,1);
}
button:hover{
    background: rgba(255,0,0,0.5);
}