search input field

PHOTO EMBED

Wed Aug 03 2022 05:53:24 GMT+0000 (UTC)

Saved by @pycajiqutu #css

<div class="main ps-4 py-2">
        <!-- Another variation with a button -->
        <div class="input-group">
          <input type="Search" class=" search_border form-control" placeholder="Search Property">
          <div class="input-group-append">
            <button class="btn  search_btn" type="button"> 
              <i class="fa fa-search"></i>
              Search
            </button>
          </div>
        </div>
      </div>



.main {
  width: 50%;
}

.search_border{
  border: 1px solid var(--yellow);
}

.search_btn{
  background-color: #FA8103;
  color: white !important;
  outline: none;
  border-radius: 0px 10px 10px 0px;
  padding: 0.475rem 0.78rem;
}
content_copyCOPY