Question

即浏览器有一个复选框对齐问题，即取默认大小的复选框，宽度为20px，高度为20px，但其他浏览器不采用此属性，所以我想更改输入框的大小

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style >

*{margin:0px; height:0}
.jitu {width:40px; height:40px;}

</style>


</head>

<body>

<input type="checkbox" class="jitu" size="10" />


</body>
</html>

Answer 1

显然 Quotes

<强>大小

控件的初始大小。此值以像素为单位，除非   type属性的值是文本或密码，在这种情况下，它是   整数个字符。从HTML5开始，此属性   仅当type属性设置为 text，search，tel，url，email或password时才适用;
  否则会被忽略。另外，尺寸   必须大于零。如果未指定大小，则为默认值   使用值20。

Answer 2

将复选框放入容器中，并将高度/宽度给予该容器。

*{margin:0px; height:0}
.jitu {width:40px; height:40px;}


<div class="jitu">
<input type="checkbox"  size="10" />
</div>

一旦设置了容器的高度和宽度 - 您可以将复选框放在容器的任何位置..复选框的边距。

Answer 3

我要更改输入框的大小

您误解了size属性为input指定的含义。它不是物理长度的说明符。它说明了控件上显示了多少个输入数据字符。

来自HTML specification for the size attribute for input：

size属性提供了在可视化呈现中用户代理将允许用户在编辑元素值时看到的字符数。

checkbox input type无法识别size规范，因为数据大小不同。

要更改元素的外观，您需要使用CSS更改其style。

输入类型复选框大小不起作用

3 个答案: