<p>Apabila saya menekan butang hantar kotak teks input html kosong, mesej lalai ini muncul secara automatik. Saya mahu sempadan kotak menjadi merah dan bukannya mesej lalai ini. Bagaimanakah saya boleh melakukannya?<br /><br />Berikut ialah kod untuk kotak:</p><p><br /></p> <pre class="brush:php;toolbar:false;"><div class="input-group" id="email-input"> <input type="text" id="email" name="email" autocomplete="off" diperlukan pemegang tempat="E-mel"> </div></pre>

.input-group:hover, .input-group:focus-within {
  border-block-color: red;
  box-shadow: 0px 0px 3px 2px red;
  box-sizing: border-box;
  display: inline-block;
}

<div class="input-group" id="email-input">
  <input type="text" id="email" name="email" autocomplete="off" placeholder="Email">
</div>