如何在点击输入时更改提交按钮

Question

我有一个这样的结构形式:

<form role="search" method="get" id="searchform" action="">
    <input type="text" name="s" id="s" placeholder="Search..." />
    <input type="submit" id="searchsubmit" />
</form>

我需要在您单击输入字段时更改后台提交按钮.怎么做？

Answer 1

纯CSS解决方案:

input[type="text"]:focus + input[type="submit"]{
    background-color: red;
}

演示:http://jsfiddle.net/by10et61/

将+在选择是什么使得它的工作.选择器查找提交按钮,该按钮前面是具有焦点的文本输入.