How disable purple shadow on links

ionic-v1
1

Hi,

I’ve made a ionic app, and it has picture with links. When i tap on the picture, this remarks with a purple/pink shadow.

¿how can i remove this effect?

2

@jcbaena Hi, you should be able to do this by styling your app.css:

a {
text-decoration: none!important;
}

1 Like
3

Thanks, devniz, but it works not as perfect as i would want.

There is still a pink rectangle shadows in the phone screen after tap a button.

is there any css change i might do?

4

@jcbaena Hi, you may add something like:

a {
outline: none !important;
}

And for the images:

img {
border:0!important;
}

The !important is essential if you want to overwrite other CSS styling.

And if it still the same, look into your browser-inspector what class your button is and apply the same styling to it to get rid of the blue/purple border color. It’s quite easy to fix.

5

Thanks Devniz, but still appears the purple square after tap in buttons/images :frowning:

6

@jcbaena Then you need to show us a working codepen so we can have a look at it together.