Flask 如何设置wtform RadioField的样式

Flask 如何设置wtform RadioField的样式,flask,radio-button,wtforms,rating,Flask,Radio Button,Wtforms,Rating,我正在做一个项目,我有一个wtform,它有一个广播区,供用户对电影进行评级。html格式如下: {% extends "base.html" %} {% block content %} <h1 class="title">Log Movie</h1> <div class="content-log"> <form class="log-form&q

我正在做一个项目,我有一个wtform,它有一个广播区,供用户对电影进行评级。html格式如下:

{% extends "base.html" %}

{% block content %}
    <h1 class="title">Log Movie</h1>
    <div class="content-log">
        <form class="log-form" action="" method="post">
            <div class="log-poster-div"> 
                <img class="log-poster" src="https://image.tmdb.org/t/p/w500/{{result.poster_path}}" alt="">
                <div class="rest-log-info">
                    <h2 class="log-name"> {{ result.title }} ({{ result.release_date[:4] }}) </h2>
                    {{ form.hidden_tag() }}
                    <p class="log-date"> {{ form.dateWatched.label }}  {{ form.dateWatched() }}</p>
                    <div class="review-cont"><p class="log-reveiw"> {{ form.movieReview() }} </p></div>
                    <p class="log-stars"> {{ form.movieRating() }}</p>
                    <p class="repeat-log">{{ form.movieRewatch.label }} {{ form.movieRewatch() }}</p>
                </div>
            </div>
            <p class="log-button">{{ form.submit() }}</p>
        </form>
    </div>
    
{% endblock %}
{%extends“base.html”%}
{%block content%}
日志电影
{{result.title}}({{result.release_date[:4]})
{{form.hidden_tag()}}

{{form.dateWatched.label}{{form.dateWatched()}}

{{form.movieReview()}

{{form.movieRating()}

{{form.movieRewatch.label}{{form.movieRewatch()}}

{{form.submit()}

{%endblock%}
我在网上搜索过,似乎无法将现有的css明星评级示例应用到我的广播领域。有没有人知道如何改变这一点,以便用户可以使用星星而不是丑陋的单选按钮来评分

理想情况下,我希望它看起来像本页上的示例:


谢谢你的帮助

使用“必须将无线电字段中的类附加到存档视图”,如代码笔中的示例。要在wtform中添加类,您可以阅读