Question

我有这样的表格：

<div class="jumbotron" id="jumbotron-6" align="center">        
    <form action="login.php" method="POST">
      <input type="text" placeholder="Enter your email" name="email"> 
        <input type="password" placeholder="and password" name="password">
        <input type="submit">
    </form> 
</div>

我正在尝试将此CSS应用于它：

input [type="text"], input [type="password"] {
  outline: none;
  padding: 10px;
  display: block;
  width: 300px;
  border-radius: 3px;
  border:1px solid #eee;
  margin:20px auto;
}

但它没有适用。我的css也链接到了页面。

Answer 1

删除间距，以便输入[....]

input[type="text"], input[type="password"] {
  outline: none;
  padding: 10px;
  display: block;
  width: 300px;
  border-radius: 3px;
  border:1px solid #eee;
  margin:20px auto;
}

<div class="jumbotron" id="jumbotron-6" align="center">        
    <form action="login.php" method="POST">
      <input type="text" placeholder="Enter your email" name="email"> 
        <input type="password" placeholder="and password" name="password">
        <input type="submit">
    </form> 
</div>

Answer 2

input [type="text"], input [type="password"] {

那会选择里面的一个输入元素（在HTML中不可能），它有一种文本或密码 - 你需要删除空格，选择 themsleves的输入元素是文本或密码类型：

input[type="text"], input[type="password"] {

CSS表单不适用

2 个答案: