文本框中的透明文本（css、js、jquery）

Posted 2023-05-07

【中文标题】文本框中的透明文本（css、js、jquery）

【英文标题】：transparent text in text box (css, js, jquery)

【发布时间】：2014-02-03 19:19:32

【问题描述】：

我需要实现以下文本框样式： - 字体颜色应为#555555，但需要在 50% 不透明度时变灰。 - 背景颜色应为#c5eafb。 浏览器：IE8/9，最新的 FireFox。

更新

有关于如何实现透明背景的示例。但这并不是我所需要的。

我的目标是使用透明 (50%) 字体颜色和不透明背景。

我发现的唯一可能的方法是使用 RGBA (How to change text transparency in html/css?)。

<table>
  <tr class="fontTable">
     <td class="rowHeight">Parameters</td>
     <td class="alignRight">
       <label>Name</label>
       <label>
         <input type="text" class="inputDisabled" value="" size="15"/>
       </label>
     </td>
 </tr>
</table>

.inputDisabled

  border-color: #a0c5d6;
  background-color: #c5eafb;
  color: #000; /* Fallback for older browsers */
  color: rgba(0, 0, 0, 0.5);

这在 FF 和 IE9 中运行良好，但在 IE8 中不受支持。

如何在 IE8 上也实现这一点？

【问题讨论】：

很高兴看到您需要什么。那么问题是什么？

您似乎希望我们为您编写代码。这不会发生，但如果您在问题中发布解决此问题的尝试，我们将很乐意提供帮助。

欢迎来到***。您应该在其中发布您面临的代码和问题。

对文本颜色使用 RGBA 值？

欢迎来到 Stack Overflow..！

【参考方案1】：

对于你的文本区域，我建议你使用

textarea 
  background:#c5eafb;
  color: rgba(85,85,85,0.5);

【讨论】：

rgba 颜色在 IE8 中不受支持（并且 OP 说他需要 IE8 支持）。来源：caniuse.com/#search=rgba