Html 活动按钮上无阴影、无轮廓、无边框

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

到目前为止，我尝试使用以下指标修改.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;
}

删除阴影和其他

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

但是，当按下按钮时，我仍然看到一个小阴影（白色背景为灰色，彩色背景为深色）。如何删除所有这些活动元素？我只想要一个普通的按钮

---

谢谢。

在@ntgCleaner的帮助下，他演示了如何使用Chrome调试器（请参阅我文章中的评论），我发现当单击按钮时，您将看到类如何从

class="button" 

到

因此，在我的css/sass文件中，我添加了：

.button.activated {

 // my custom styiling

}

---

这就成功了

我的应用程序中的按钮上没有阴影。是否使用引导？当您检查按钮时，

框阴影：

是否有删除线？好像有什么东西覆盖了它？制作

的一种方法！重要信息

更重要的是向元素添加更多父类。如果到处都使用.button，可能它们都有一个类似的父类。尝试

body.button:active{…}

这里有一个解决方法，可能会对您有所帮助@伊舍伍德：我在用Ionic@JohnAndrews，在chrome或safari中查看您的按钮，右键单击它并查看样式（通常在右侧）。也不要使用

.body

，因为这意味着它正在查找类名为

body

的元素。相反，删除点（

），只写

正文。按钮：活动{…}