[CSS] Conditionally Assign Style to a Parent Element with Focus-Within Pseudo-class

时间：2019-08-29 17:27:30 阅读：83 评论：0 收藏：0 [点我收藏+]

Use the focus-within pseudo-class to conditionally assign styling to a parent element when its child receives focus.

HTML:

import "./styles.css";

document.getElementById("app").innerHTML = `
<ul id="red">
  <li>
    <input value="Red">
  </li>
</ul>
`;

CSS:

#red:focus-within {
  background-color: red;
}

原文：https://www.cnblogs.com/Answer1215/p/11430852.html

踩

(0)

评论一句话评论（0）

分享档案

更多>