Издаване на бутон ъглови материали по поръчка - javascript, angularjs, asp.net-mvc, ъглово-материал

Опитвам се да напиша потребителски клас за ъгловибутон за материал, но има един проблем с това, че когато щракна върху бутона и се отдалеча (минимизирам или активирам друг прозорец) от браузъра, той избледнява или го прави бял и когато щракна върху прозореца на браузъра, той се превръща в правилна форма / цвят, не знам причината, но как да се контролира това има ли някой идея. Моят Css клас:

.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>

Отговори:

Липсва ви основен 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 Надявам се, че това ще ви помогне. Късмет :)