將鼠標懸停在禁用的按鈕上時如何顯示文本？

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>