html - 仍然使用 -webkit-appearance: none 显示表单错误？

Question

我有一个这样的输入，里面是<form>：

<input type="checkbox" required>

通常当我尝试提交表单时，它会在复选框下方出现这样的错误：

但是，当我在 CSS 中给它这一行时，错误不再出现：

-webkit-appearance: none;

有没有办法让它看起来不像一个复选框，但仍然会出现错误？理想情况下，我不想使用任何额外的 JavaScript。

标签： htmlcssformswebkit