css - 使输入值文本透明，有可能吗？

Question

我想让“立即登录”的文本值从我使用以下内容的标签中透明... <input type="image" value="Login Now">，我是否只需设置背景颜色：透明？

Answer 1

您可以在 Firefox 中使用 Firebug 来查找该输入元素的背景颜色，然后将元素的样式设置为在前景中使用该颜色。

即，如果背景颜色为白色，则将输入更改为

<input type="image" value="Login Now" style="color: #ffffff;">

如果您无法更改 HTML，也许您可​​以添加一些 javascript 来更改它。恐怕如果您只是更改样式表，您会将每个输入元素的前景色更改为背景色。但如果这是你想要的，你当然可以在你的样式表中做一些事情，比如：

input {
    color: white;
}

或添加一个 ID 或类并通过这些更改样式...只需确保前景和背景颜色相同即可。

Answer 2

你的意思是你希望文本在输入按钮上是透明的？如果是这样，为什么不将文本留空？

从理论上讲，您可以将文本颜色与输入的背景颜色匹配以“隐藏”它，但我不确定我是否会推荐它。

标签：

<input type="image" value="Login Now" id="loginButton"/>

CSS：

input#loginButton
{
    color:#fff;
    background-color:#fff;
}

同样，不确定为什么要输入文本然后使其透明/隐藏？

Answer 3

valueon an<input type="image">通常不可用。浏览器对于该值是否作为表单的一部分提交（使其对此无用）不一致，并且根本不应该将其呈现为文本。

alt它确实在 Firefox 和 WebKit 中呈现为文本，但这只是因为当您未包含任何属性时，这些浏览器将其用作 alt-text 的后备内容。这是您不应该依赖的非标准怪癖。

将文本指定为alt属性而不是附加或附加value会更好，并且在 IE 和 Opera 中变得可见。但这仍然是非常值得怀疑的。<input type="image">没有实际图像并没有真正的意义src。HTML4 标准没有说明浏览器对此有何作用。HTML5 表示两者都src必须alt 存在。无论如何，IE 对丢失图像的渲染不太可能是你想要的。

你到底想在这里做什么？你想要一个纯图像按钮吗？然后<input type="image">在其src. 你想要一个文本按钮吗？然后使用<input type="submit">, 可能的样式来删除边框并更改背景。

要回答提出的问题，您只能设置background-color和值。其他属性（例如（您需要设置文本颜色）将不接受它。在 CSS3 中，您可以使用alpha 通道设置为 的颜色，但不要期望 IE 支持。border-colortransparentcolorrgba0