1. 什么是:focus-within?
:focus-within 是一个CSS 伪类 ,表示一个元素或其后代元素获得焦点。
在表单中,这个伪类非常有用。
2. 兼容性
需要注意的是,IE不支持。
3. 例子
看下面这个例子,在input被选中的时候,隐藏*,并把整行变为灰色。
demo: https://jsfiddle.net/6epmr4u8/
<form>
<<
:focus-within 是一个CSS 伪类 ,表示一个元素或其后代元素获得焦点。
在表单中,这个伪类非常有用。
需要注意的是,IE不支持。
看下面这个例子,在input被选中的时候,隐藏*,并把整行变为灰色。
demo: https://jsfiddle.net/6epmr4u8/
<form>
<<