html - ionic : customize toggle button.

Question

我现在正在开发 ionic 应用程序。我可以知道我可以自定义 ionic 按钮变成如下图吗？

当用户在按钮上滑动时。会变成这样

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; }
...
...
...