html - 实现设计

是否可以更改实例化表单输入字段设计的视图？

我想将物化输入字段更改为图像中提到的引导字段。
这是我真正想要的图像。 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>

最佳答案

您需要覆盖具有输入字段样式的SASS文件。根据您的设计开始的好地方是在输入字段周围添加边框。