离子：自定义切换按钮。

Question

我正在开发离子应用程序。我可以知道我可以自定义离子按钮如下图所示吗？

当用户滑动按钮时。它会变成这样的

Answer 1

你可以尝试修改 ionic.css

这是 ionic.css

的摘录代码

/**
 * Toggle
 * --------------------------------------------------
 */
.item-toggle {
  pointer-events: none; }

.toggle {
  position: relative;
  display: inline-block;
  pointer-events: auto;
  margin: -5px;
  padding: 5px; }
  .toggle input:checked + .track {
    border-color: #4cd964;
    background-color: #4cd964; }
  .toggle.dragging .handle {
    background-color: #f2f2f2 !important; }
...
...
...