Question

我想在您将鼠标悬停在禁用的按钮上时显示文本。我的代码似乎不起作用。我正在使用 javascript 和 express。


#button1:hover + div.hidden {
 display:block;
}

<div>
    <div class="container justify-content-center">
      <button type="button" class="btn btn-primary" title="Come back after other 2 buttons are pressed" id="button1" disabled
        onclick="function1()"SHOW ME</button>
        <div class="hidden">I'm usually hidden</div>
  </div>```

Answer 1

你只需要为 hidden 类添加 CSS

.hidden {
  display: none;
}

#button1:hover+div.hidden {
  display: block;
}

.hidden {
  display: none;
}

<div>
  <div class="container justify-content-center">
    <button type="button" class="btn btn-primary" title="Come back after other 2 buttons are pressed" id="button1" disabled onclick="function1()"> SHOW ME</button>
    <div class="hidden">I'm usually hidden</div>
  </div>
</div>

将鼠标悬停在禁用的按钮上时如何显示文本？

1 个答案: