尽管我准确地制作了提交按钮和输入文本：
width:60%
但是当我运行应用程序时，它们的宽度不同：
.loginClass {
width: 40%;
height: 40%;
margin: auto auto;
}
.loginClass ul li {
list-style: none;
}
.loginClass ul li input {
width: 60%;
}
<form class="loginClass">
<ul>
<li>
<input placeholder="Username" name="username" type="text" value="">
</li>
<li>
<input placeholder="Username" name="username" type="text" value="">
</li>
<li>
<input type="submit" value="Login">
</li>
</ul>
</form>
您能解释一下并提供帮助吗？
这是因为默认情况下两个 border-box 属性是不同的。
Use box-sizing: content-box在按钮上，或box-sizing: border-box在输入元素上。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
