Angular Material自定義類按鈕問題

我正在嘗試爲角材料按鈕編寫自定義類，但是有一個問題，當我單擊按鈕並從瀏覽器移開（最小化或激活另一個窗口）時，它淡出或使它變白，當我點擊瀏覽器窗口，然後它變成適當的形狀/顏色，不知道原因，但如何控制這一點是否有任何想法。我的CSS類：Angular Material自定義類按鈕問題

.DeleteBtn.md-raised { 
 
    color: #fff; 
 
    background-color: #CC090F; 
 
    text-transform: initial; 
 
    min-width: 88px; 
 
    margin: 6px 0px; 
 
    max-width: 8px; 
 
    font-size: 12px; 
 
} 
 

 
.DeleteBtn.md-raised:not([disabled]):hover { 
 
    color: #fff; 
 
    background-color: #7F0509; 
 
    max-width: 10px; 
 
    font-size: 12px; 
 
}

<md-button class="md-raised DeleteBtn">Delete</md-button>

來源

2017-05-30 Saleem

似乎'：焦點'或'：主動'你的按鈕繼承了默認的CSS！檢查正確 –

你缺少基礎CSS類的所有組件.md-button。這裏是一個工作的CSS代碼片段：

.md-button.DeleteBtn.md-raised:not([disabled]).md-focused,.md-button.DeleteBtn.md-raised { 
    color: #fff; 
    background-color: #CC090F; 
    text-transform: initial; 
    min-width: 88px; 
    margin: 6px 0px; 
    max-width: 8px; 
    font-size: 12px; 
} 

.md-button.DeleteBtn.md-raised:not([disabled]):hover { 
    color: #fff; 
    background-color: #7F0509; 
    max-width: 10px; 
    font-size: 12px; 
}

我會推薦閱讀更多關於<md-button>CSS並遵循最佳做法。這裏還有一個適合你的實例： https://codepen.io/anon/pen/ybdzZJ 希望能幫助你。祝你好運:)

來源

2017-05-30 09:35:02

** dim0_0n **，你打開你的codepen，然後點擊按鈕，最小化窗口，然後打開窗口，你看到它的顏色是白色的？ – Saleem

@Saleem繼續前進，現在檢查它 –

** dim0_0n **，可愛，我會添加相同的。謝謝 – Saleem

Angular Material自定義類按鈕問題

回答

相關問題