Html 是否仍显示表单错误，并显示-webkit外观：无？

我有这样一个输入，在

中：

---

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

不要使用

-webkit外观：无

而是使用更多CSS来更改它的visualI通过使用

~

选择器（

input[type=“checkbox”]：checked~.checkbox

）在@TemaniAfif的建议下成功地实现了这一点。然而，这个问题仍然悬而未决，因为可能有办法做到这一点。即使没有，我想关于为什么的答案也会很有趣。

<input type="checkbox" required>

-webkit-appearance: none;