All geek questions in one place

IE, CSS: how to remove the selection that appears when a button is clicked

Take a look at this page in IE (I have the newest version, but this also happens in older versions.)

http://tinuska.vibraflex.cz/

The link above has two round buttons at the bottom of the page. When you press a button, a translucent backlight appears around the button. It does not appear in Mozilla or Chrome. Is there any way to remove it?

enter image description here

+6
source share
3 answers

Add an extra style to the anchor tag.

style="background-color:transparent"
+1
source

TRY IT. The following css code is useful for removing the border and focusing on a link or button.

 a:focus{ outline:none !important; }
+1
source

To solve your problem, you can add these style attributes to your btn1 and btn2 anchor buttons:

 border-top-left-radius: 41px; border-top-right-radius: 41px; border-bottom-left-radius: 41px; border-bottom-right-radius: 41px;

I tried with IE10 and it works.

Example for btn1:

 <a id="btn1" href="#" style="border-top-left-radius: 41px; border-top-right-radius: 41px; border-bottom-right-radius: 41px; border-bottom-left-radius: 41px;"/>
0
source

Source: https://habr.com/ru/post/951211/

More articles:


All Articles