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

发布时间：2020-12-17 17:06:21 所属栏目：安全来源：网络整理

导读：我是Angular和Angular Material(AM)的新手.默认情况下,AM Input Component显示调色板的主要颜色,直到您单击表单,然后它将占位符值和标记线更改为强调颜色.有没有办法操纵表格,以便始终显示强调色？换句话说,表单将始终突出显示.问题是我的主要颜色是黑色,我

我是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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!