@hicoder/angular-cli/templates/css/searchbox.css

Angular UI componenets and service generator. It works with the mean-rest-express package to generate the end to end web application. The input to this generator is the Mongoose schema defined for the express application. mean-rest-express exposes the Res

/*  Search part */
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.icon-search-clear {
  z-index: 3;
  vertical-align: middle;
  padding: 0.5rem 0.5rem 0rem 0.5rem;
  cursor: pointer;
  position: relative;
  margin-left: -2rem!important;   /* text 1 + left 0.5 + right 0.5 = 2 rem*/
  border: 0;
  height: 2rem;
}

.input-group-append .btn-outline-secondary {
  border: 1px solid #6c757d;
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-sm .input-group-append .btn {
  padding: 0.25rem 0.5rem;
  font-size: .875rem;
}