为什么Materialize CSS表单没有包含在框中？

提问于 2024-04-25T16:21:31+08:00

浏览次

1

如何在Materialise CSS中的Bootstrap 4 http://v4-alpha.getbootstrap.com/components/forms/中创建一个表单 . 以下只显示输入字段的下划线而不是包含框？

<input placeholder="Placeholder" id="first_name" type="text" class="validate">
      <label for="first_name">First Name</label>
    </div>

1 回答

0
您可以使用" !important "覆盖Materialise CSS样式 .
我已经使用给定的标记制作了一个CodePen来演示相同的内容 . （https://codepen.io/anon/pen/yzVXWN）
另请注意，我在CodePen中包含了Materialise CSS样式表来测试它 .
您可以将CSS复制并粘贴到头部内的开始和结束 <style> 标记之间，如下所示：
```
<style>
#first_name{
  display: block!important;
  width: auto !important;
  padding: .5rem!important;
  border: 1px solid rgb(0,0,0);
  transition: all 1s;
  border-radius: .25rem!important;
  box-shadow: none;
}

#first_name:focus{
  border-color: blue!important;
}
label{
  color:#9e9e9e!important;
}
</style>
```
希望有所帮助:)
回复于 2024-04-25T16:21:31+08:00

相关问题