小编Tar*_*lia的帖子

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

虽然我完全按下了提交按钮和输入文本:

width:60%
Run Code Online (Sandbox Code Playgroud)

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

.loginClass {
  width: 40%;
  height: 40%;
  margin: auto auto;
}

.loginClass ul li {
  list-style: none;
}

.loginClass ul li input {
  width: 60%;
}
Run Code Online (Sandbox Code Playgroud)
<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>
Run Code Online (Sandbox Code Playgroud)

你能解释一下并帮忙吗?

html css css3

3
推荐指数
1
解决办法
3167
查看次数

标签 统计

css ×1

css3 ×1

html ×1