Tạo kiểu cho select option với CSS

Để tạo kiểu cho các tùy chọn trong <select>, bạn có thể chạy mã sau:

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <style>
      select {
        width: 100%;
        padding: 10px 15px;
        border: 1px dashed blue;
        border-radius: 4px;
        background-color: orange;
      }
    </style>
  </head>
  <body>
    <p>Học,</p>
    <form>
      <select id="country" name="country">
        <option value="java">Java</option>
        <option value="ruby">Ruby</option>
        <option value="oracle">Oracle</option>
        <option value="tableau">Tableau</option>
      </select>
    </form>
  </body>
</html>