如何在所需单选按钮周围创建一个红色框，以便在点击发送后未选中时出现？答案

【问题标题】：How do I create a red box around a required radio button to appear when it's not selected after hit Send?如何在所需单选按钮周围创建一个红色框，以便在点击发送后未选中时出现？
【发布时间】：2019-12-03 10:35:42
【问题描述】：

我有一些必需的单选按钮，但是当用户没有选择它们并单击发送时，我希望这些按钮周围有一个红色框，以提醒他们错过了它们。我怎样才能做到这一点？

强大的形式没有选项

我希望输出是按钮周围的红色框。

【问题讨论】：

向我们展示您迄今为止尝试过的内容或至少一张图片
欢迎来到 SO。请在help centre 中选择tour 以查看how to ask a good question。如果您不提供任何代码，我们将无法为您提供帮助 - 请参阅如何创建 minimal reproducible example

标签： css forms colors radio-button required

【解决方案1】：

您可以在输入标签中使用 required 关键字。如果要更改其外观的默认方式。您可以参考以下网址https://css-tricks.com/almanac/selectors/r/required/

【讨论】：

感谢您的提示！这将是我的 B 计划，据我所知，每个答案都需要在代码中。而且我们的调查很长，并且在此过程中可能会发生变化。

【解决方案2】：

您可以使用验证、if else 语句和隐藏/显示功能来做到这一点。 1. 在单选按钮上创建一个红色框或矩形并将其隐藏。 2.设置用户验证 3. 使用设置可见性：对用户未选择的所需单选按钮上的红色框可见

【讨论】：

感谢您的提示，但我不知道如何在单选按钮上创建一个红色框？
可以创建一个空的div，应用css（div背景颜色：红色，宽高创建一个框，然后使用定位移动到单选按钮）