如何更改垫子单选按钮的光标？
如何更改垫子单选按钮的光标？
提问于 2019-10-29 22:41:49
我有这个垫子-单选按钮。当该选项被禁用时，我希望使光标不删除。
<mat-radio-button _ngcontent-c11="" class="mat-radio-button mat-accent b-disabled-radio
mat-radio-disabled" value="option['text']" ng-reflect-checked="false"
ng-reflect-value="option['text']" ng-reflect-disabled="true" tabindex="-1"
id="mat-radio-12">
<label class="mat-radio-label" for="mat-radio-12-input">
<div class="mat-radio-container">
<div class="mat-radio-outer-circle"></div>
<div class="mat-radio-inner-circle"></div>
</div>
</label>
</mat-radio-button>使用Chrome DevTools，当我将此规则的值从默认更改为不删除时，它可以工作，即我可以看到光标的变化。
.mat-radio-disabled, .mat-radio-disabled .mat-radio-label {
cursor: default; //==> no-drop
}但是，当我在myComponent.Component.css中复制/粘贴规则时，什么都不会发生。
谢谢你的帮助
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-10-30 06:32:28
如果您将样式放入全局样式表：https://stackblitz.com/edit/angular-mu68jp，它就能工作。
将以下代码放入全局样式(styles.css)：
app-my-component {
.mat-radio-disabled, .mat-radio-disabled .mat-radio-label {
cursor: no-drop !important;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58616362
复制相关文章
相似问题
腾讯云开发者
