html - 更改包含输入表单的 div 的 CSS

Question

我想做的就是当您专注于“输入”时更改“应用程序搜索”的边框。 我想只使用 CSS 来完成它。

帮助？谢谢:)

<form class="apps-search" type="text"  method="GET">
   <input name="search_query" id="search_query" placeholder="Hey" />
<button type="submit"> <span class="search-icon"> S</span></button>
</form>

我的代码:http://jsfiddle.net/yhQ2C/

编辑:好的，所以这不能在 CSS 中完成，jquery/javascript 帮助？

Answer 1

您将需要设置 2 个 css 类(即 apps-search 和 app-search-black-border)

然后，使用一些基本的 jquery 来进行切换。这是一篇解释您需要做什么的文章: http://buildinternet.com/2009/01/changing-form-input-styles-on-focus-with-jquery/