使用css的伪类 ：valid

话不多说，直接看代码

<style>
      .input-section:valid + button{
          width: 100px;
          background: red;
      }
</style>
<form action="">
      <input type="text" class="input-section" required>
      <button>提交</button>
</form>

可以通过给input框设置required属性，结合css的:valid伪类来实现对文本输入框是否输入内容的监控。