突出显示提交按钮，当重点放在html中的输入字段

Question

我是新的前端Web开发。我正在创建订阅表单。当用户点击输入字段时，我需要突出显示订阅按钮。我怎样才能通过使用CSS？我不想使用JavaScript。我的HTML代码如下：

HTML：

<form> 
    <input type="text" placeholder="Your email ID"> 
    <input type="submit" class="submit_button" value="Subscribe"> 
</form> 

Answer 1

http://jsbin.com/pagosokipu/edit?html,css,js,output

需要CSS

input[type='text']:focus ~ input[type='submit']{ box-shadow: 0 0 2px 2px #555; }

了解〜选择在这里.. https://developer.mozilla.org/en/docs/Web/CSS/General_sibling_selectors