css - 悬停一个元素并更改另一个元素

Question

当我将鼠标悬停在文本字段 上时，我希望提交字段 的字体颜色变为红色。

我尝试了运算符 >、+ 和 ~ 但它们都不起作用。

这是我目前所拥有的:http://jsfiddle.net/p0zxctet/

Answer 1

我刚从堆栈溢出中回来，发现这个问题还没有得到充分的回答。这是我使用 jQuery 获得您想要的效果的解决方案:

HTML

<input type="text" id="textField" placeholder="Hover Here"/>
<input type="submit" id="submitBtn" />

jQuery

$("#textField").hover(function(){
    $("#submitBtn").css({"color":"red"});
});
$("#textField").mouseout(function() {
    $("#submitBtn").css({"color":"black"});
});

这是实际展示这一点的 fiddle :https://jsfiddle.net/z9czoedp/