Ionic 离子:自定义切换按钮,

eoxn13cs  于 2022-12-08  发布在  Ionic
关注(0)|答案(1)|浏览(214)

我现在正在开发离子应用程序。请问我可以自定义离子按钮成为下图吗?

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

6pp0gazn

6pp0gazn1#

编辑离子.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; }
...
...
...

相关问题