Question

我正在尝试删除Ionic Framework中活动边框的所有阴影，边框或其他轮廓元素。

到目前为止，我尝试使用以下指标修改.sass文件：

删除边框

$light:                           rgba(255,255,255,0.0) !default;
$button-positive-bg:              $positive !default;
$button-positive-text:            $positive-text !default;
$button-positive-border:          $light !default;!default;
$button-positive-active-bg:       $light !default;!default;
$button-positive-active-border:   $light !default;!default;

删除阴影和其他

.button:active{
  box-shadow: none !important;
  border-color: rgba(0,0,0,0) !important;
  outline: none !important;
}

然而，当按下按钮时，我仍然会看到一个小阴影（白色背景上的灰色，彩色背景上的黑色）。如何删除所有这些活动元素？我只想要一个简单的按钮。

谢谢。

Answer 1

在@ntgCleaner的帮助下，他展示了如何使用Chrome调试器（请参阅我的帖子中的评论），我发现当点击按钮时，您将看到该课程的变化

class="button"

到

class = "button activated"

所以在我的css / sass文件中，我添加了：

.button.activated {

 // my custom styiling

}

那就有用了！

活动按钮上没有阴影，没有轮廓，没有边框

1 个答案: