Search code examples
htmlcssbootstrap-modalmaterializeform-fields

Materialize Design

Is it possible to change the view of materialize form input field design?

I want to change materialize input field into the bootstrap field that is mention in the image. This is the image that actually I want. Image

<div class="input-field col s2">
    <input style="font-weight: bold;" id="yearfrom" name="yearfrom"
          value="${parts.yearfrom}" type="text">
    <label for="yearfrom"><strong>YearFrom</strong></label>
</div>
Solution

  • You need to override the SASS file that has the styles for the input field. Good place to start according to your design is add in the borders around the input field.