Question

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

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

input { opacity: 0.5 }

Answer 1

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

＆＃13;

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

＆＃13;

<input value="Lorem ipsum sit amet">

＆＃13;

Answer 2

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

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

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