时间戳

首页 > 解决方案 > 如何为垫子凸起的按钮添加边框？

angular - 如何为垫子凸起的按钮添加边框？

问题描述

下面的代码不起作用。我尝试对没有“垫升按钮”属性的按钮使用相同的样式并且它可以工作，所以我认为这可能是一些问题。

如何为垫按钮添加边框和边框颜色？

添加.html

<button mat-raised-button class="light-button" [routerLink]="[addLink]">
   Add
</button>

样式.css

.light-button {
    height: 50px; 
    width: 150px;
    font-size: 110%;
    border-style: solid;
    border-color: blue;
    background-color: white;
}

标签： angularangular-material

解决方案

您应该将样式添加到组件的 css 中，或者如果您想在全局 style.css 中设置，您应该使用它!important来覆盖材料样式：

.light-button {
    height: 50px; 
    width: 150px;
    font-size: 110%;
    border: 2px solid blue !important;
}

演示

推荐阅读