how to remove background corner of the button when button clicked

Question

How to remove focus of the button when button onclick event occur using css.I have used css outline:0 none but it not work.I have also used border:none but it also not working.What can i do please suggest me.

.btnfst {
    border-radius: 100px;
    height: 60px;
    width: 220px;
    background-color:   #1E90FF;
    font-size: 30px;
    color: white;

    border-style:hidden;
    overflow: hidden;
    border-image-repeat: stretch;
    background-image: url('images/btt.png');

     border: none;
     outline: 0 none;
    -moz-outline-style: none;    
}

Possible duplicate of [How to remove Firefox's dotted outline on BUTTONS as well as links?](http://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links). — Sebastian Simon, Jun 23 '15 at 06:29

score 0 · Answer 1 · answered Jun 23 '15 at 06:57

0

You are removing the outline on the button it self, not on the focus moment.

Try:

.btnfst:focus {
  outline: none;
}

With this you are removing the focus when the focus is active.

https://jsfiddle.net/851egdsm/

answered Jun 23 '15 at 06:57

d1m5n

411
3
9

It is not working.Is there any another way please help me – user3207529 Jun 23 '15 at 11:58
is my fiddle working? And which browser are you working? – d1m5n Jun 23 '15 at 13:55

how to remove background corner of the button when button clicked

1 Answers1