操纵角度材料输入表格样式

前端之家收集整理的这篇文章主要介绍了操纵角度材料输入表格样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是Angular和Angular Material(AM)的新手.默认情况下,AM Input Component显示调色板的主要颜色,直到您单击表单,然后它将占位符值和标记线更改为强调颜色.有没有办法操纵表格,以便始终显示强调色?换句话说,表单将始终突出显示.问题是我的主要颜色是黑色,我的网页背景也很暗,因此,除非用户点击表单,否则占位符和标记行几乎不可见.这也是我网站页面的一个很好的颜色添加.

以下是AM docs所需html的示例:

<md-input-container>
  <input mdInput placeholder="Favorite food" value="Sushi">
</md-input-container>

您可以在输入行中添加color =“accent”,但同样,只有在用户单击表单时才会显示颜色.

先感谢您.

解决方法

您可以在组件的css文件添加以下内容

/deep/ .mat-input-underline {
    background-color: #FF0000;    /* replace this color with your accent color hex code */
}

demo

猜你在找的Angularjs相关文章