有角度材质的按钮自动悬停效果
Angular-material md-button automatic hover effect
我正在使用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为中心的类,覆盖类。
如有任何线索,我将不胜感激。
谢谢大家!
Update - resolved
而不是onComplete,我使用optionsOrPreset。focusOnOpen并将其设置为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(...);
你只需要用关键字!important
覆盖你想要的每个样式
.md-button.md-focused {
background-color: rgba(0,0,0,0) !important;
}
相关文章:
- 鼠标悬停事件影响列表中所有行中的按钮,而不仅仅是特定按钮
- 当我悬停按钮时,更改按钮的背景
- 如何在鼠标悬停按钮上显示或隐藏面板
- 只显示潜水时悬停按钮X时间-可以'我不能使它正常工作
- Javascript 鼠标悬停按钮
- React.js 中的悬停按钮
- 如何在画布上创建悬停按钮
- 从Div获取图像文件名,并将其复制到悬停按钮上的文本字段中
- 单击鼠标悬停按钮以显示描述框
- 在XHTML 1.0 Strict中使用Pinterest悬停按钮,但对某些图像禁用该按钮
- 如何在悬停按钮时通过文本切换图像,并延迟反向切换
- 如何正确设置单个鼠标悬停按钮的id
- 返回鼠标悬停按钮的标题
- 是否可以在框架中改变鼠标悬停按钮的颜色?
- 悬停按钮的问题
- CSS精灵-如何让鼠标悬停按钮处于按下状态
- 如何用javascript模拟css悬停按钮?(没有jquery)
- 为什么我的悬停按钮下拉菜单在我鼠标悬停时不保持打开状态
- HTML 悬停按钮列表单击事件子项
- ActionLink图像悬停按钮效果与鼠标事件