鍍金池/ 問答/HTML/ 關于input的focus的問題

關于input的focus的問題

效果圖

代碼截圖

實現(xiàn)效果圖的樣式，也如圖，效果是：input聚焦時，serch-box的div外邊框變色，只能用css，不能用js或者jq控制，該怎么做？

回答
編輯回答
萌面人

@李十三 的方案可行，具體可以參照這里的一個簡單例子

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

2018年1月4日 19:44
編輯回答
款爺

css 也可以實現(xiàn)對input元素養(yǎng)生改變

input:focus
{
background-color:yellow;
}
2018年5月12日 01:01
編輯回答
伴謊

css不支持選擇父元素 純css的話可以加一個兄弟元素負責樣式

.input:focus + .border {
    border-color: green;    
}
2017年12月2日 21:42
編輯回答
空痕

不用css做不到的，css又不存在子級到父級的選擇器

2018年2月25日 19:27
編輯回答
冷咖啡
.search-box:focus-with {
    border-color: green;
}

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

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

2017年6月11日 17:49