BrainSwitch

Asked:2020-07-05 16:23:09 +0000 UTC2020-07-05 16:23:09 +0000 UTC 2020-07-05 16:23:09 +0000 UTC

将一个组件的行为绑定到另一个组件的事件

有必要在输入获得焦点时，使用 css 出现一个 div 列表。

.list {
  display: none;
}

.search:hover .list{
  display: block;
  position:absolute;
  z-index:9999;
}

<input class="search"/>

<div class="list">
  <div>one</div>
  <div>two</div>
  <div>three</div>
    
</div>

Best Answer

exvayn

.list {
  display: none;
}

.search:focus + .list{
  display: block;
  position:absolute;
  z-index:9999;
}

<input class="search"/>

<div class="list">
  <div>one</div>
  <div>two</div>
  <div>three</div>
    
</div>

相关问题