在css中更改复选框的宽度

Question

将调用字段的复选框宽度设置为25像素，仅在左边距清晰时显示。

不知道为什么我无法弄清楚这一点，这可能很简单。这次我确保我的样式表和所有内容都匹配。

这是该项目的 html 代码：

<p><input type="checkbox" name="call" id="call"></p>
<p><label for="call">Please contact me for a "Get to Know You" visit.</label></p>

这是我尝试使用的 CSS：

.checkbox {
float: left;
clear: left;
width: 25px; }

This is what the form is suppose to look like (don't mind the submit and cancel buttons, havent got there yet

Here is what mine looks like with the current CSS

是否只有物理复选框的特定选择器？为什么它一直在表格的角落？

//-更新-// 我在输入属性中添加了 class="checkbox"，并且复选框移动到了正确的位置。

现在标签“请联系我进行“了解你”访问。”不会正确对齐。假设复选框设置为 auto 后直接具有宽度，并且 clear 属性的值为 none。我已经尝试了我能想到的一切，但我无法让它排队。我应该使用什么选择器？

Answer 1

我认为我们需要更详细地了解您对复选框宽度的含义。但就应用于复选框的 css 而言，您需要在输入中指定一个类或将 css 限制为输入[type=checkbox]

.checkbox {
float: left;
clear: left;
width: 25px; }

input[type=checkbox] {
float: left;
clear: left;
width: 25px; }

<p><input class="checkbox" type="checkbox" name="call" id="call"></p>
<p><label for="call">Please contact me for a "Get to Know You" visit.</label></p>
  
<hr/>

<p><input type="checkbox" name="call" id="call"></p>
<p><label for="call">Please contact me for a "Get to Know You" visit.</label></p>