角度材料自定义类按钮问题

Question

我正在尝试为角度材质按钮编写自定义类，但是有一个问题，当我单击按钮并从浏览器移开（最小化或激活另一个窗口）时，它会淡出或使其成为白色，当我点击浏览器窗口然后它变成正确的形状/颜色，不知道原因但如何控制这个任何人都有任何想法。 我的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>

Answer 1

您缺少所有组件.md-button的基本CSS类。这是一个有效的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 希望能帮到你。祝你好运：）