如何在墊高按鈕上添加邊框？

Question

下面的代碼不起作用。 我嘗試對沒有'mat-raised-button'屬性的按鈕使用相同的樣式，並且它可以工作，所以我認為這可能是一個問題。

如何為邊框按鈕添加邊框和邊框顏色？

add.html

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

styles.css

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

Answer 1

您應該將樣式添加到組件的CSS中，或者如果要設置為全局style.css，則應使用!important覆蓋材質樣式：

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

演示🚀🚀