You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将Google Forms单选题选项改为方形而非圆形?

Google Forms单选按钮改方形的可行方案

用限制单选的多选题不是唯一解决办法,以下是更贴合需求的实现方式:

  • 借助Google Apps Script注入自定义CSS
    这种方法能保留原生单选功能,同时将圆形按钮改为方形,且不影响数据统计逻辑:

    1. 打开目标Google Forms,点击右上角「更多选项」(三个点图标)>「脚本编辑器」
    2. 替换默认代码为以下脚本:
      function injectCustomRadioStyle() {
        const form = FormApp.getActiveForm();
        const customStyle = HtmlService.createHtmlOutput(`
          <style>
            /* 重写单选按钮基础样式 */
            input[type="radio"] {
              appearance: none;
              -webkit-appearance: none;
              width: 18px;
              height: 18px;
              border: 2px solid #1a73e8;
              border-radius: 3px;
              cursor: pointer;
              outline: none;
              margin-right: 8px;
            }
            /* 选中状态样式 */
            input[type="radio"]:checked {
              background-color: #1a73e8;
              position: relative;
            }
            input[type="radio"]:checked::after {
              content: "✓";
              color: #fff;
              font-size: 13px;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
            }
          </style>
        `);
        form.setCustomHtmlOutput(customStyle);
      }
      
    3. 点击脚本编辑器的「运行」按钮,完成授权后刷新表单,即可看到方形单选按钮。
  • 限制单选的多选题(备选方案)
    这是你提到的方法,操作简单但有小瑕疵:设置多选题后开启「限制为1个选项」,虽能实现方形选项+单选,但提交的数据会被归类为多选题,后续统计时需注意区分。

内容的提问来源于stack exchange,提问作者Madison G

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.02 09:12:13