Css 使输入值文本透明,可能吗?

Css 使输入值文本透明,可能吗?,css,css-selectors,css-sprites,Css,Css Selectors,Css Sprites,我想让登录的文本值现在从我使用的标签中透明掉,我会只做一个背景色:透明吗 您的意思是希望文本在输入按钮上是透明的吗?如果是这样,为什么不把文本留空呢 理论上,您可以将文本颜色与输入的背景颜色匹配以“隐藏”它,但我不确定是否推荐它 标签: 同样,不确定为什么要将文本放入,然后使其透明/隐藏?您可以使用Firefox中的Firebug查找该输入元素的背景色,然后将该元素的样式设置为将该颜色置于前景中 i、 e.如果背景颜色为白色,请将输入更改为 <input type="image" valu

我想让登录的文本值现在从我使用的标签中透明掉,我会只做一个背景色:透明吗

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

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

标签:


同样,不确定为什么要将文本放入,然后使其透明/隐藏?

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

i、 e.如果背景颜色为白色,请将输入更改为

<input type="image" value="Login Now" style="color: #ffffff;">
或者添加一个ID或类并通过以下方式更改样式。。。只需确保前景和背景颜色相同。

上的值通常不可用。浏览器在是否将值作为表单的一部分提交时存在不一致性,这使得它无法用于该目的,因此不应将其呈现为文本

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

将文本指定为alt属性而不是值或附加值更好,并且在IE和Opera中可见。但这仍然是非常值得怀疑的。如果没有实际的图像src,那么使用图像src是没有意义的。HTML4标准没有说明浏览器如何处理这个问题。HTML5说src和alt都必须存在。在任何情况下,IE对丢失图像的渲染都不可能是您想要的

你到底想在这里做什么?你想要纯图像按钮吗?然后在其src中与该图像一起使用。你想要一个文本按钮吗?然后使用,可能设置样式以删除边框并更改背景

要回答提出的问题,只能将“背景颜色”和“边框颜色”设置为“透明”值。其他属性,如设置文本颜色所需的颜色,将不接受该属性。在CSS3中,您可以使用其alpha通道设置为0的rgba颜色,但不要期望IE提供支持。

背景颜色影响元素的颜色背景,而不是元素内部文本的颜色。
input#loginButton
{
    color:#fff;
    background-color:#fff;
}
<input type="image" value="Login Now" style="color: #ffffff;">
input {
    color: white;
}