I am trying to make rock scissors paper game , hovering over on the buttons is not converting cursor-CodePudding

HTML code, It is not the full HTML code , but the part of it rest of the code works fine

Here is the that is linked to above HTML file CSS code, the issue is cursor is not converting to pointer when we put the cursor on it

.options {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.options button {
  cursor: pointer;
}

<section >
  <div >
    <button >rock</button>
    <button >paper</button>
    <button >scissors</button>
  </div>
</section>

CodePudding user response：

This code works and there is no problem

CodePudding user response：

hmm it seems your code have no problem can you send screen shot or at least change it to this code

.options button:hover  {
  cursor: pointer;
}