css input点击给外层div加边框

你可以在 input 元素的点击事件中，使用 JavaScript 代码获取到外层 div 元素，并给它添加边框样式。示例代码如下：

HTML 代码：

<div class="container">
  <input type="text" id="input">
</div>

CSS 代码：

.container {
  border: 1px solid #ccc;
  padding: 10px;
}

.container.active {
  border-color: blue;
}

JavaScript 代码：

const input = document.getElementById('input');
const container = input.parentNode;

input.addEventListener('click', function() {
  container.classList.add('active');
});

这样，当 input 元素被点击时，就会给外层 div 元素添加一个名为 "active" 的 CSS 类，从而改变它的边框样式。