Tailwind CSS: 如何改变父组件外框样式以响应子组件获取焦点

.parent-div:focus-within {
  outline: 2px solid red; /* 修改外框样式为红色实线边框 */
}

在上面的代码中，我们使用了 focus-within 伪类选择器来选择父组件 div。当子组件获取焦点时，父组件 div 也会应用伪类选择器的样式，从而改变其外框样式。

请注意，上述代码使用了 Tailwind CSS 的 focus:border-blue-500 类来设置子组件获取焦点时的外框样式为蓝色边框。你可以根据需要自定义外框样式。