如何将Google Forms单选题选项改为方形而非圆形?
Google Forms单选按钮改方形的可行方案
用限制单选的多选题不是唯一解决办法,以下是更贴合需求的实现方式:
借助Google Apps Script注入自定义CSS
这种方法能保留原生单选功能,同时将圆形按钮改为方形,且不影响数据统计逻辑:- 打开目标Google Forms,点击右上角「更多选项」(三个点图标)>「脚本编辑器」
- 替换默认代码为以下脚本:
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); } - 点击脚本编辑器的「运行」按钮,完成授权后刷新表单,即可看到方形单选按钮。
限制单选的多选题(备选方案)
这是你提到的方法,操作简单但有小瑕疵:设置多选题后开启「限制为1个选项」,虽能实现方形选项+单选,但提交的数据会被归类为多选题,后续统计时需注意区分。
内容的提问来源于stack exchange,提问作者Madison G
相关产品推荐
相关产品推荐

