关于input的focus的问题

Question

实现效果图的样式，也如图，效果是：input聚焦时，serch-box的div外边框变色，只能用css，不能用js或者jq控制，该怎么做？

Answer 1

css不支持选择父元素 纯css的话可以加一个兄弟元素负责样式

.input:focus + .border {
    border-color: green;    
}

Answer 2

@李十三 的方案可行，具体可以参照这里的一个简单例子

https://codepen.io/Ash-sc/pen...

Answer 3

不用css做不到的，css又不存在子级到父级的选择器

Answer 4

css 也可以实现对input元素养生改变

input:focus
{
background-color:yellow;
}

Answer 5

.search-box:focus-with {
    border-color: green;
}

https://codepen.io/jackpan/pe...

兼容性：https://caniuse.com/#search=f...