Html 如何向表单框添加边框？

我想在引导窗体框中添加边框。我添加了边框样式属性，但它不起作用。请建议

thia是表单框类：

<div class="form-box">
                   <div class="form-top">
                                <div class="form-top-left">

---

您可以使用border CSS属性[border]（）将边框添加到框中

下面是一个示例用法：

border: 1px solid #FFFFFF;

上面的代码将添加1倍厚的实心边框和白色边框

---

单击上面的链接以查看有关border属性的详细信息。

由于其他类的原因，请使用“！important”

---

据我所知，代码运行良好。但是如果你愿意，你可以添加一个8px的填充，这样内容就有了放置的空间，而不是用边框塞满。顺便说一下，2px或4px边界半径看起来更适合边界，但这取决于您

.form-box {
  padding: 8px; /*makes it look neat*/
  border-radius: 4px; /*or 2px*/
  border: 1px solid red;
}

---

什么意思？似乎可以使用现有边界或仅应用新边界

border: solid 2px #50e54b!important;

.form-box {
  padding: 8px; /*makes it look neat*/
  border-radius: 4px; /*or 2px*/
  border: 1px solid red;
}