Question

js如何去除input的背景色

当之前输入过以后,再次输入时选择之前的输入,就会有黄色的背景,如何第一次输入就没有黄色背景,如何去除掉input内的背景色呢?

Answer 1

如：<input id = "userName" name="userNsame" placeholder = "邮箱/手机号" type="text" tabindex="1" />

       <input name="password" placeholder = "请输入密码" type="password" tabindex="2" />

设置它的css样式：

#userName{

width: 200px;

height: 30px;

line-height: 30px;

padding: 10px 10px 10px 53px;

border: 1px solid #FFF;

border-radius: 3px;

color: #858585;

font-size: 18px;

background: url('../image/login/loginbg-new.jpg') no-repeat scroll 18px 0px #FFF;

}

其中图片：loginbg-new.jpg：

name = "password" 的css样式和name是相同的。

我今天做页面时刚刚做的用户登录，界面和你的类似，希望对你有帮助。

Answer 2

因为input标签背景色是标签自带的，去除其背景色 举例说明吧：

<input id = "userName" name="userNsame" placeholder = "用户名" type="text" tabindex="1" />
<input name="password" placeholder = "密码" type="password" tabindex="2" />

重新定义其样式：

#userName{
      width: 200px;
	height: 30px;
	line-height: 30px;
	padding: 10px 10px 10px 53px;
	border: 1px solid #FFF;
	border-radius: 3px;
	color: #858585;
	font-size: 18px;
	background: url('../image/bg.jpg') no-repeat scroll 10px 0px #FFF;
}

backgroun中的背景图可自定义。

Answer 3

用CSS就可以去掉了
input{
background:transparent;
}