html - No shadow, no outline, no border on active button -

i trying remove shadow, border or other outline elements of active border in ionic framework.

so far, tried modify .sass file using following metrics:

to remove border

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

to remove shadow , other

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

however, still see small shadow when button pressed (grey on white background, darkened on coloured background). how can remove these active elements? want plain button.

thank you.

with of @ntgcleaner, showed how use chrome debugger (see comments on post), found out when clicking on button, see how class changes from

class="button"  

to

class = "button activated" 

so in css/sass file, added:

.button.activated {   // custom styiling  } 

and worked!