将自定义CSS添加到角度材质md-tooltip

时间:2017-02-08 15:26:06

标签: css angularjs tooltip material-design angular-material

我正在处理角度素材项目,我在我的应用程序中使用了 md-tooltip ,它运行正常。但是我想改变工具提示的外观。基本上我需要改变背景和文字颜色。我尝试添加自定义类和样式相同。背景颜色应用于工具提示,但默认颜色位于其上方。我的代码如下。

HTML

    <button>
        <md-tooltip md-visible="$ctrl.favorites.showTooltip" class="ng-tool-tip">Favorites</md-tooltip>
        <i class="icon icon-sm" data-ng-class="$ctrl.showFavourite ? \'icon-favorite_fill\': \'icon-favorite\'"></i>
    </button>

CSS

    .ng-tool-tip{
        background-color:#354052;
        color:#fff;
        font-size: 13px;
        box-shadow:0px 0px 2px rgba(0,0,0,0.25);
        border-radius: 4px;
    }

1 个答案:

答案 0 :(得分:0)

添加&#34;!important&#34;在属性中着色

.ng-tool-tip{
    background-color:#354052;
    color:#fff !important;
    font-size: 13px;
    box-shadow:0px 0px 2px rgba(0,0,0,0.25);
    border-radius: 4px;
}