能否单独设置HTML input输入框中文本的透明度？

当然可以实现！你提到的直接用input { opacity: 0.5 }会让整个输入框（包括边框、背景、甚至光标）都变透明，这确实不是咱们想要的效果。要单独控制输入文本的透明度，只需要换用rgba颜色值来设置文字颜色就可以了，具体方法如下：

核心解决方案 #

利用CSS的color属性，通过rgba格式定义文字颜色，其中第四个参数就是透明度（范围0~1，0完全透明，1完全不透明）。这样只会影响输入的文本，不会改变输入框的其他视觉部分：

/* 针对name属性的input框 */
input[name='name'] {
  color: rgba(0, 0, 0, 0.5); /* 黑色文本，透明度50% */
  /* 可以保留其他样式，比如背景、边框不受透明度影响 */
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

额外：调整占位符的透明度 #

如果连输入框的占位符文本也需要单独设置透明度，可以使用::placeholder伪元素：

input[name='name']::placeholder {
  color: rgba(100, 100, 100, 0.3); /* 灰色占位符，透明度30% */
}

为什么不用opacity？ #

简单来说：

• opacity会作用于整个元素及其所有子元素，包括背景、边框、光标等，是整体透明度；
• rgba颜色值仅针对当前属性（这里是color）的颜色透明度，不会影响元素的其他部分，完美实现“只改文本透明度”的需求。

内容的提问来源于stack exchange，提问作者tomtomssi