如何縮小表單的寬度複選框？

Question

我有一個表格，以一個「我同意這些條款和條件行」結尾並帶有一個複選框。

，我有複選框的代碼是目前：

雖然一切都運轉良好，複選框元素的寬度實在是太多了。這會在「我同意...」聲明和實際複選框之間造成非常大的空間。有關如何將複選框左對齊或減少複選框元素寬度的任何提示。 enter image description here

Answer 1

在Rails的標準複選框可以用CSS通過以下方式進行更改：

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

儘管你應該在情況下，你的複選框被包裹在一些DIV與ID您的選擇進行詳細說明，在這種情況下，上面看起來會略有不同：

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