主页 / 问题 / 1390425
Accepted
Проста Miha
Asked:2022-08-15 21:38:52 +0000 UTC2022-08-15 21:38:52 +0000 UTC

样式未应用于 CSS 中的父级

  • 772

我有一个 div 中的输入，当输入聚焦时，它应该将 css 样式应用于 div 的父级，但它不起作用。谁能帮忙告诉我这在霍格沃茨之外是什么魔法？在此先感谢大家

div {
  display: flex;
  flex-direction: column;
  margin: 16px;
  padding: 24px;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, .4);
}

input:focus div {
  box-shadow: 0 0 16px 4px rgba(255, 0, 0, .4);
}
<div>
  <label for="number2">На что делить</label>
  <input type="text" id="number2">
</div>

html

1 个回答

  1. Best Answer

    div {
  display: flex;
  flex-direction: column;
  margin: 16px;
  padding: 24px;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, .4);
}

div:focus-within {
  box-shadow: 0 0 16px 4px rgba(255, 0, 0, .4);
}

div input {
  outline: none;
}
    <div>
  <label for="number2">На что делить</label>
  <input type="text" id="number2">
</div>

    • 2

相关问题