Title1

Title2

Title3

5-7-4 HTML5驗證樣式

複選驗證:
https://www.notion.so/ugm-share/checkbox-valid-b361e7ecf06246bbad8b879aeda7bbd1

 


  <style>
    input:invalid,
    select:invalid,
    textarea:invalid {
      border-color: #dc3545;
    }

    input:focus:invalid,
    select:focus:invalid,
    textarea:focus:invalid {
      outline: none;
      color: #212529;
      background-color: #fff;
      border-color: #eb0909;
      box-shadow: 0 0 0 0.25rem rgba(162, 15, 15, 0.25);
    }
  </style>