Question

我一直试图修改标签/复选框，但我无法找到解决方案。

复选框文本有点小，我想编辑CSS以使其更大。

我试过了：

form-wrapper .field-list .field.likert .option label, .form-wrapper .field-list .field.checkbox label{ font-size: 20px; }

......但它并没有改变任何事情。

Answer 1

您可能有拼写错误，第一个.中没有form-wrapper。

另外一般来说，你的类选择器资格过高，最好的做法是让事情变得更简单，避免在可能的情况下链接类/ ids /元素，这样你就不会对特异性感到困惑，而其他人可以更容易地阅读你的代码。

在我的开发工具中，这只适用于四个类选择器：

.sqs-async-form-content .form-wrapper .field-list .field .option {
  font-size: 20px;
}

这将允许您调整复选框旁边的标签大小。

对于复选框，您必须使用transform: scale();才能获得不错的浏览器支持：

input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
}

此works in most browsers因此您可能会丢失供应商前缀，具体取决于您的支持级别。唯一的问题是它可能看起来不太好，因为缩放复选框可以使图像浏览器用于复选框看起来模糊/像素化请参阅此related question和此post on styling form controls以获取其他选项。

在Squarespace站点中更改表单标签/复选框字体大小

1 个答案: