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自定义类按钮问题

回答

相关问题