设置HTML输入字段文本的不透明度

时间:2018-03-28 11:10:38

标签: html css

是否可以为输入字段<input type='text' name='name' />文字设置不透明度?

添加如下所示的CSS样式只会为整个输入字段设置不透明度。

input { opacity: 0.5 }

2 个答案:

答案 0 :(得分:3)

您无法以您尝试过的方式设置opacity。但是,您可以使用rgba颜色来设置Alpha通道:

&#13;
&#13;
input {
  color: rgba(0,0,0,0.5);
}
&#13;
<input value="Lorem ipsum sit amet">
&#13;
&#13;
&#13;

答案 1 :(得分:1)

使用rgba(r,g,b,a)功能设置文本的颜色样式

例如,获取不透明的红色文本使用此样式

input {
  color: rgba(255,0,0,0.5);
}

可在此处找到更多信息https://www.w3schools.com/cssref/func_rgba.asp