Question

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

Answer 1

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

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

标签：

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

的CSS：

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

再次，不确定为什么要将文本放入，然后使其透明/隐藏？

Answer 2

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

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

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

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

input {
    color: white;
}

或添加ID或类并按其更改样式...只需确保前景和背景颜色相同。

Answer 3

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

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

将文本指定为alt属性，而不是value添加到<input type="image">更好，并且在IE和Opera中变得可见。但它仍然值得怀疑。如果没有实际图片src，src就没有意义。 HTML4标准没有说明浏览器使用的是什么。 HTML5表示alt和<input type="image"> 必须存在。无论如何，IE渲染丢失的图像不太可能是你想要的。

你到底想要做什么？你想要一个纯粹的图像按钮吗？然后在src的{{1}}中使用<input type="submit">。你想要一个文字按钮吗？然后使用background-color，可能会设置样式以删除边框并更改背景。

要回答提出的问题，您只能将border-color和transparent设置为color值。其他属性，如rgba（这是您需要设置文本颜色）将不接受它。在CSS3中，您可以使用0颜色，并将其alpha通道设置为{{1}}，但不要期望来自IE的支持。

使输入值文本透明，是否可能？

3 个答案: