Html 将输入框背景更改为渐变

我尝试过这个CSS，但都不起作用：

.login_field{
    background-image: linear-gradient(180deg, #5189E9 0%, #2453A3 100%);
}

HTML

我试图使输入框看起来像这样：

---

虽然我通常不建议这样做，但只需添加

！重要信息

到您的CSS

.login\u字段{
背景图像：线性梯度（180度，#5189E9 0%，#2453A3 100%）！重要；
}

---

您的代码运行良好。

<input class="login_field" id="username">
<input class="login_field" id="password" type="password">