Css 如何设计formtastic单选按钮的样式

Css 如何设计formtastic单选按钮的样式,css,ruby-on-rails,radio-button,formtastic,Css,Ruby On Rails,Radio Button,Formtastic,我的客户想要一个红绿灯样式的审查表。垂直对齐单选按钮,绿色、黄色和红色 我可以完成对齐,但无法设置按钮的样式。单选按钮等在CSS中很难设置样式。如果您真的需要对基于Javascript的解决方案进行风格设计,那么它们通常是首选方法 单选按钮仅为圆形。你不能用css改变它们的颜色,但是你可以用你想要的颜色创建一个像单选按钮一样的图像,并使用javascript和一个隐藏的输入使其充当单选按钮

我的客户想要一个红绿灯样式的审查表。垂直对齐单选按钮,绿色、黄色和红色


我可以完成对齐,但无法设置按钮的样式。

单选按钮等在CSS中很难设置样式。如果您真的需要对基于Javascript的解决方案进行风格设计,那么它们通常是首选方法


单选按钮仅为圆形。你不能用css改变它们的颜色,但是你可以用你想要的颜色创建一个像单选按钮一样的图像,并使用javascript和一个隐藏的输入使其充当单选按钮