html - 如何更改otree中单选按钮的大小？

Question

我在 otree 的 html 代码中有一个带有各种单选按钮的表格。但是，显示的按钮非常小，因此很难点击主题。有没有办法增加它们的大小？到目前为止，这是我的代码：

{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Choice 1
{% endblock %}

{% block content %}
    <img src="{% static img_to_show %}"/>
    <table class="table">
        <tr>
            <th> </th><th> Amount </th><th> Game</th>
        </tr>
        {% for field in form %}
        <tr>
            <td>
                {{ field.label_tag }}
                {{ field.errors }}
            </td>
            <td><input type="radio" name="{{ field.html_name}}" value="True" required {% if field.value|stringformat:"s" == 'True' %}checked{% endif %}></td>
            <td><input type="radio" name="{{ field.html_name}}" value="False" required {% if field.value|stringformat:"s" == 'False' %}checked{% endif %}></td>
        </tr>
        {% endfor %}
    </table>
    {% next_button %}
{% endblock %}

Answer 1

这个将缩放它们：

{% block styles %}
   <style>
      input[type=radio] {
        transform: scale(1.5);
        margin:10px;
      }
   </style>
{% endblock %}