<p>当我按下一个空html输入文本框的提交按钮时，这个默认消息就会自动出现。我想让框的边框变成红色，而不是这个默认消息。我该怎么做呢?<br /><br />下面是这个盒子的代码:</p><p><br /></p> <pre class="brush:php;toolbar:false;">&lt;div class="input-group" id="email-input"&gt; &lt;input type="text" id="email" name="email" autocomplete="off" required placeholder="Email"&gt; &lt;/div&gt;</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>