css - 如何概述假输入元素？

Answer 1

据我所知，使用纯 CSS 是不可能的。你想要的是一个“父”选择器，它在 CSS2 或 CSS3 中不存在。根据这个答案，有可能在 CSS4 规范中定义一个主题，直到这些在所有（主要）浏览器中都可用，你必须使用 JavaScript。

一个 jQuery 方法可以如下所示：

$('.input input').focus(
  function() {
    $(this).parent().css("outline", "1px solid yellow");
  }).blur(
  function() {
    $(this).parent().css("outline", "none");
  }
);

jsFiddle