更改＆＃34;输入[type = text]＆＃34;的样式回到风格＆＃34;输入＆＃34;？

Question

是否可以更改＆＃34;输入[type = text]＆＃34;回到为＆＃34;输入＆＃34;设置的样式通过jQuery？

https://jsfiddle.net/L9fjL7vu/7/

这不起作用：

$( "input[type=text]" ).css('background-color', $( "input" ).css('background-color'));

Answer 1

您没有获得背景颜色的原因是因为您有多个input字段。因此，使用$("input")无法区分您想要的背景颜色。除非您要抓取没有ID，class或type的输入字段。

默认输入字段必须有ID或class。

检查我的例子：

$("input").val($( "input" ).css('background-color'));
$("input[type=text]").css("background-color", $(".test").css('background-color'));

.test {background-color:red}
input[type=text] {color:blue; background-color: pink}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text"></input>
<input class="test"></input>

Answer 2

你可以像下面这样做。使用:not([type])选择哪个没有类型。希望它有所帮助。

$( "input" ).val($( "input" ).css('background-color'));
$( "input[type=text]" ).css('background-color', $("input:not([type])").css('backgroundColor'));