Javascript 离子3离子切换手柄图标

我如何在手柄上显示离子图标，如下所示：

我找不到通过css访问句柄的方法

---

谢谢

你可以用CSS来实现这一点。不需要编写自定义控件

我添加了一个类

rainy toggle

，然后添加了以下CSS。我在下面的base64中使用了SVG，但是您可以选择如何添加图像

因为“本机”Android切换看起来不同，所以我会覆盖

切换md

的样式，用iOS CSS替换您的切换。换句话说，您必须修改所有切换样式，以在Android设备上覆盖它们

CSS:

.toggle-ios.toggle-checked.rainy-toggle .toggle-inner {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…IgZGF0YS1vbGRfY29sb3I9IiMwMDg5RkYiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+);
    background-repeat: no-repeat;
    background-size: 80%;
    background-color: white;
    background-position: center;
}

.toggle-ios.toggle-checked.rainy-toggle .toggle-icon {
    background-color: #0082FF;
}

---

您需要编写自定义控件。太好了，这对我很有帮助，谢谢。您能用ionic 4完成吗？它使用了阴影dom，这可能吗？@Kelvijn我还没有尝试过，但是在切换组件上公开的切换背景有自定义css属性（如何修改阴影dom样式）。请参见此处的文档：有关如何使用它们的说明，请参见此处：