ionic-framework - 如何消除离子项目的点击效果
问题描述
我想删除一个 ion-item 的点击效果。我使用了 --background-activated 和 --ripple-color 但没有任何反应。
.no-click{
--background-activated: transparent;
--ripple-color: transparent;
}
<ion-item class="no-click">
<ion-avatar slot="start">
<img [src]="img">
</ion-avatar>
<ion-label>{{name}}</ion-label>
</ion-item>
如何消除离子项目的点击效果?
解决方案
只需提供 pointer-events:none css 即可禁用点击。
.no-click {
pointer-events:none; //This makes it not clickable
}
<ion-item class="no-click">
<ion-avatar slot="start">
<img [src]="img">
</ion-avatar>
<ion-label>{{name}}</ion-label>
</ion-item>
推荐阅读
- amazon-s3 - 如何通过在 safari 中请求 https url 来访问亚马逊 s3 存储桶的图像
- html - 将 vuetify textarea 自动调整为值大小
- go - Golang unicode 字符值
- javascript - Javascript - 将值匹配(并替换)到数组数组
- sed - Sed 添加 x27 而不是单引号
- java - eclipse中如何使用MyBatis连接SQLserver
- javascript - 无法确定类的模块 - ng build --prod
- jquery - jquery全局变量不能从外部访问
- sql - 如何从表中删除多条记录(在输入中获取多个值)
- xamarin.ios - 尝试在物理设备上测试应用程序时出错