Topic: Styling for HTML input type search

kpyancey pro asked 6 years ago


Hi - I am using datatables and am trying to ensure that the styling for search box matches the styles for the other input boxes. However, I noticed that the mdb stylesheet has styles for input[type="search-md"] and not input[type=search]. Is there a reason why you are not styling the default search type? I am not able to change the type to search-md as it breaks the search functionality for datatables. Thanks,

Michal Szymanski staff answered 6 years ago


Hi, we left our users possibility to use a classic box for search. You can easily change it by adding input[type=search] to the list below: /sass/mdb/free/_form-basic.scss
// Text inputs
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search-md],
input[type=search],
textarea.md-textarea {
after compiling file to new mdb.css you will get the same style for every inputs, including search.

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags