将焦点应用于标记父级

Question

如果“输入：焦点”然后父（div）改变边框的颜色，如何申请？

<div>
  <input type="text" />
</div>

div {
  width: 150px;
  height: 26px;
  border: 1px solid #ccc;
  background: white;
}

input {
  outline: none;
  border: none;
}

如果border: 1px solid blue;重点关注，则

和div必须为<input>。

jsFiddle

Answer 1

不幸的是，目前没有父母＆＃39; CSS中的标记选择器 - 请在此处查看此答案：Is there a CSS parent selector?

当div成为焦点时，明确更改父input的CSS的唯一方法是使用JavaScript。

如果您能够在解决方案中使用JavaScript，我可以提供一个示例。