Question

我正在使用Angular-material作为我网站的主要样式框架，我正在尝试删除默认情况下在确认中添加的 md-focused 类对话框主按钮。

花了一些时间在互联网上搜索后，我发现了一个问题，提出了以下答案：

var confirm = $mdDialog.confirm({
    onComplete: function afterShowAnimation() {
             var $dialog = angular.element(document.querySelector('md-dialog')),
             $confirmButton = $dialog.find('md-dialog-actions').children()[1];

             angular.element($confirmButton).removeClass('md-focused');
         }
})
.title('my title'))
.textContent('myContent')
.ariaLabel('my aria label')
.ok('ok text')
.cancel('cancel text');

此解决方案工作正常，但我不想使用javascript来修改DOM。

我的问题是，是否有任何方法可以仅使用CSS删除支持md的类，重写类。

任何线索都将受到赞赏。

谢谢大家！

更新 - 已解决

我使用 optionsOrPreset.focusOnOpen 而不是 onComplete ，而是将其设置为false。

以下是代码：

var confirm = $mdDialog.confirm({focusOnOpen: false})
    .title('my title'))
    .textContent('myContent')
    .ariaLabel('my aria label')
    .ok('ok text')
    .cancel('cancel text');

$mdDialog.show(confirm).then(...);

Answer 1

您只需使用关键字!important

覆盖所需的每种样式

＆＃13;

.md-button.md-focused {
  background-color: rgba(0,0,0,0) !important;
}

＆＃13;

角度材料md-button自动悬停效果

1 个答案: