# How to disable button's default onclick background effect in template node?

**URL:** <https://discourse.nodered.org/t/how-to-disable-buttons-default-onclick-background-effect-in-template-node/62004>\
**Category:** Developing Nodes\
**Created:** [30 April 2022 18:23 UTC](https://discourse.nodered.org/t/how-to-disable-buttons-default-onclick-background-effect-in-template-node/62004 "2022-04-30T18:23:25Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![thematrixrearwindow](https://avatars.discourse-cdn.com/v4/letter/t/a8b319/32.png) [@thematrixrearwindow](https://discourse.nodered.org/u/thematrixrearwindow)\
**Post date:** [30 April 2022 18:23 UTC](https://discourse.nodered.org/t/how-to-disable-buttons-default-onclick-background-effect-in-template-node/62004/1 "2022-04-30T18:23:25Z")

</div>

Hi there,

can anyone help me removing the gray background when i click on button?  
Template node code, what i tried so far:

```auto
<style>

.container
{
    overflow: hidden !important;
}

.btn,
.btn:focus,
.btn:active
{
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    outline: none !important;
    box-shadow: none !important;
}
</style>

<div class="container">
    <md-button ng-if="msg.payload === '0'" class="btn" ng-click="send({payload: 'switch_on'});">
        <img src="/myimages/bulb_dark.png" alt="bulb_dark.png" width="45" height="45">
    </md-button>
    <md-button ng-if="msg.payload === '1'" class="btn" ng-click="send({payload: 'switch_off'});">
        <img src="/myimages/bulb_light.png" alt="bulb_light.png" width="45" height="45">
    </md-button>
    <span>Schreibtisch</span>
</div>

```

"onclick" effect looks like:  
 ![onlick_effect](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/a/4a223c9b8ef08119ab23d78ab0dd99c8ba5910f0.png)

Thanks in advance and greetings from germany!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [29 June 2022 18:24 UTC](https://discourse.nodered.org/t/how-to-disable-buttons-default-onclick-background-effect-in-template-node/62004/2 "2022-06-29T18:24:22Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.