文章内容
2019/4/10 17:30:52,作 者: 黄兵
input ico focus背景改变
最近需要在input 输入的时候，改变ICO的颜色，本来使用focus去实现的，但是怎么都无法实现。
具体实现效果如下：
实现代码如下：
.home-page-header-autocomplete-container:focus-within .m-input-icon__icon.m-input-icon__icon--right i{
color:rgba(0,0,0,0.54);
}使用了focus-within来实现，具体关于focus-within的解释如下：
:focus-within 是一个CSS 伪类 ，表示一个元素获得焦点，或，该元素的后代元素获得焦点。换句话说，元素自身或者它的某个后代匹配:focus伪类。（在shadow trees 中的后代也在匹配序列中）
参考资料：:focus-within
黄兵个人博客原创。
转载请注明出处：input ico focus背景改变
Lesun on 回复 有用（1）
学到了