输入CSS中的样式输入文本

Question

我希望用户输入的文字遵循以下规则：

 .emailInput {
        padding-left: 5px;
        color: white;
    }

<div class="loginBox">
  <form class="loginForm">
    <h1 class="loginLabel">Login</h1>
    <div class="underline"></div>
    <input class="emailInput" placeholder="Email">
    <input class="passwordInput" placeholder="Password">
    <a href="" title="Button border lightblue" class="loginButton button btnFloat btnLightBlue"></a>
  </form>
</div>

我试过了：

::-webkit-input-text {
    padding-left: 5px;
}

Answer 1

我认为你的html缺少输入的类型。 它们看起来像这样

<input type="text" class="emailInput" placeholder="Email">
<input type="password" class="passwordInput" placeholder="Password">

你的CSS应该可以正常工作。

.emailInput {
    padding-left: 5px;
    color: white;
}

或

input {
    padding-left: 5px;
    color: white;
}