html – CSS提交按钮和输入文本的宽度不同

概述虽然我完全按下了提交按钮和输入文本： width:60% 但是当我运行应用程序时,它们的宽度不同： .loginClass { width: 40%; height: 40%; margin: auto auto;}.loginClass ul li { list-style: none;}.loginClass ul li input { width: 60%; 虽然我完全按下了提交按钮和输入文本：

wIDth:60%

但是当我运行应用程序时,它们的宽度不同：

.loginClass {  wIDth: 40%;  height: 40%;  margin: auto auto;}.loginClass ul li {  List-style: none;}.loginClass ul li input {  wIDth: 60%;}

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

你能解释一下并帮忙吗？

解决方法 这是因为默认情况下两个边框属性都不同.

使用框大小：按钮上的内容框或输入元素上的框大小：边框.

总结

以上是内存溢出为你收集整理的html – CSS提交按钮和输入文本的宽度不同全部内容，希望文章能够帮你解决html – CSS提交按钮和输入文本的宽度不同所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。