JSFiddle - React, Tailwind, and code Playground

HTML

<span class="option">
Option 1
</span>
<span class="option">
Option 2
</span>

CSS

.option:hover {
  text-decoration: underline;
}
.option:hover:after {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}