如何隐藏Web Awesome必填输入框自动添加的*且保留HTML验证功能？

有两种可靠方式实现需求：

方法一：通过CSS强制隐藏星号 #

Web Awesome会自动为必填字段的标签添加星号，通常是通过伪元素或特定类实现的。你可以用CSS选择器定位到星号元素并隐藏它：

/* 隐藏Web Awesome必填输入框的标签星号 */
wa-input[required] .wa-input-label::after {
  display: none;
}

如果上述选择器不生效，可检查组件DOM结构，调整选择器匹配星号所在的具体元素（比如对应类名或标签内的星号文本）。

方法二：使用自定义标签插槽绕过自动星号逻辑 #

若组件支持插槽功能，可自定义标签内容，同时保留required属性启用HTML验证：

<wa-input required>
  <span slot="label">Name</span>
</wa-input>

这种方式直接替换组件默认生成的带星号标签，既保留字段的必填验证属性，又不会显示星号。

内容的提问来源于stack exchange，提问作者Ben