/* 设置输入框宽度为100像素 */ input { width: 100px; }
上面的代码将使所有标记的输入框宽度为100像素。如果你只想设置特定类型的输入框,可以使用它们的type属性。
/* 设置文本输入框宽度为80像素 */ input[type="text"] { width: 80px; } /* 设置密码输入框宽度为80像素 */ input[type="password"] { width: 80px; }
在这些代码中,大家使用了属性选择器[type=”text”]和[type=”password”]来选择特定类型的输入框。
/* 设置表单中的所有输入框宽度为100% */ form input { width: 100%; }
如果你想使表单中的所有输入框宽度都相同,可以使用上面的代码。这会将所有标记的宽度设置为其父元素(表单)的100%。
/* 设置特定表单中的所有输入框宽度为50% */ #my-form input { width: 50%; }
最后,如果你只想设置特定表单中的所有输入框宽度,可以使用表单的id属性。
以上是一些关于如何设置输入框宽度的CSS代码,希望对你的网页设计有所帮助。