如何解决如何设置 wtform RadioField 的样式
我正在做一个项目,我有一个 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 %}
我在网上查看过,似乎无法使现有的用于星级评分的 css 示例适用于我的无线电领域。有谁知道如何进行转换,以便用户可以使用星星而不是丑陋的单选按钮进行评分?
理想情况下,我希望它看起来像此页面上的示例: https://codepen.io/recodenow/pen/YZqgZW
感谢您的帮助!!!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。