有没有办法把cursor: pointer;应用到ion-input元素上？看起来不管我做什么，它都显示默认的i型光标。
我的意见：
<ion-input [readonly]="true" [placeholder]="getPlaceholder() | translate"></ion-input>CSS我试过：
ion-input {
input {
cursor: pointer;
}
}
ion-input {
cursor: pointer;
}
ion-input::part(input) {
cursor: pointer;
}我在所有这些文件上都尝试了!important标记。
1条答案
按热度按时间ddarikpa1#
Here is a working stackblitz which shows the solution.
为了解决这类问题：
1.右击离子输入元素。
1.注意到您的元素位于阴影dom. x1c 0d1x上
1.进一步观察，您真正感兴趣的是具有native-input类的本机输入。
1.添加以下CSS以正确穿透shadowDom。
使用：：ng-deep将穿透dom，剩下的部分负责样式应用程序的正确选择。