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

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

// - UPDATE - // 我添加了class =＆＃34;复选框＆＃34;输入属性，复选框移动到正确的位置。

现在标签＆＃34;请联系我以获得＃34;认识你＆＃34;参观＆＃34;不能正确对齐。假设在复选框设置为auto之后直接具有宽度，并且clear属性的值为none。我已经尝试了所有我能想到的东西，但是我无法让它排成一行。我应该使用什么选择器？

Answer 1

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

在css中更改复选框的宽度

1 个答案: