如何减小表单复选框的宽度？

Question

我有一张表格，以＆＃34结尾;我同意这些条款和条件行＆＃34;带有一个复选框。

我目前为复选框提供的代码：

尽管一切运行良好，但复选框元素的宽度太大。这导致了＆＃34;我同意......＆＃34;声明和实际复选框。有关如何左对齐复选框或减小复选框元素宽度的任何提示。enter image description here

Answer 1

可以使用CSS以下列方式更改Rails中的标准复选框：

input[type="checkbox"]
  width: 10px //or however wide you desire
  height: 10px

虽然你应该详细说明你的选择器，以防你的复选框包含在一个带有ID的div中，在这种情况下，上面的内容会略有不同：

#div input[type="checkbox"]
  width: 10px //or however wide you desire
  height: 10px