How can I add a border to the form field?

Question

I want to add a border to the bootstrap form box.i added border style properties, but it doesn't work. suggest

thia is the form class:

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

And this is css:

.form-box {
    margin-top: 0px;
      border-radius: 25px;
    border-bottom-style: solid;
    border-color: #50e54b;

}

Answer 1

Because of other classes, use "! Important"

border: solid 2px #50e54b!important;

Answer 2

You can add a border to your square using the CSS property of the border [border] ( https://developer.mozilla.org/en-US/docs/Web/CSS/border )

Here's a usage example:

border: 1px solid #FFFFFF;

In the above code, a solid border of 1px and white color will be added.

, border.

Answer 3

From what I can tell, the code is working fine. But if you want, you can add 8px padding so that the content has a place to place instead of being overflowed there with a border. By the way, a border radius of 2px or 4px looks better for a border, but it is up to you.

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