Dotted border after clicking any link

  • Hi
    After clicking on any link, a dotted border shows up. I know it’s for WCAG, but it looks very unprofessional.
    I tried those codes but didn’t work

    a, a:focus, a:hover, a:visited {
    outline: 0 !important;
	-webkit-tap-highlight-color: transparent;
}
 a:focus{outline:0 !important;}
 .site .skip-link:focus{outline:0 !important;}
 .ast-button-wrap .menu-toggle:focus{outline:0 !important;}
 .ast-menu-toggle:focus{outline:0 !important;}
 input[type=button],input[type=button]:focus,input[type=button]:hover,input[type=reset],
 input[type=reset]:focus,input[type=reset]:hover,input[type=submit],input[type=submit]:focus,
 input[type=submit]:hover{box-shadow:none}textarea{width:100%}input[type=search]:focus{outline:0 !important; -webkit-tap-highlight-color: transparent;}

    Also, transparent sky blue highlights show on mobile devices on click. It doesn’t show on other themes I tried.
    I want to remove those. Is there any way…

Viewing 1 replies (of 1 total)

  • Hi @tanvirroky,

    Yes, it is related to WCAG and is recommended to keep. However, if you would like to remove it, custom CSS can be used and your code should work. Not sure why it doesn’t.

    Would you please share with us your live site URL so we can check it directly from our end?

    Looking forward to hearing from you.

    Kind regards,
    Herman ??

Viewing 1 replies (of 1 total)
  • The topic ‘Dotted border after clicking any link’ is closed to new replies.