Datalist not working

<!DOCTYPE html>
<html>
<head>
<style>
.opt1:hover{
  background-color:'red';
}
</style>
</head>
<body>

<h1>The datalist element</h1>

<form action="/action_page.php" method="get">
  <label for="browser">Choose your browser from the list:</label>
  <input list="browsers" name="browser" id="browser">
  <datalist id="browsers" >
    <option value="Edge" class="opt1">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
  <input type="submit">
</form>

</body>
</html>