密码字段背景图片

Question

目前我正在尝试将背景图像设置为HTML密码输入字段，而这似乎适用于普通输入字段，我在密码字段中没有背景图像。代码如下： 在css：

.pw-style{
background: URL(".../test.jpg");
}

在HTML中：

<input class="pw-style" type="password"> ... </input>

以下示例适用于普通输入字段： http://www.atseadesign.com/demos/form_field_with_image.html

Answer 1

您可以尝试使用内联css：

<input style="background-image: url('.../test.jpg')" type="password"> ... </input>

如果这不能解决您的问题，并且您想要使用类似链接的密码输入，那么您可以做类似的事情：

<div class="slidingDiv" style="float:left; background-image: url('.../test.jpg')></div>
<input class="show_hide" style="float:left;" type="password"> ... </input>
<div style="clear:both"></div>

并添加如下的Jquery代码：

$(document).ready(function(){  

$('.show_hide').click(function(){  

$(".slidingDiv").slideToggle();  

});  

});  

我希望这对你有所帮助。