Hei zusammen,
ich versuche einen Linkunterstricheffekt mit box-shadow zu setzen:
Code:
.single-post .the-content p a {
color: #333;
box-shadow: inset 0 -4px 0 0 #e31a4b;
padding: .25em 0em .25em 0em;
text-decoration: none;
transition: all .1s ease;
Klappt auch gut. ABER auf mobilen Geräten sehe ich meistens am Zeilenende einen schmalen, vertikalen Strich. Ein richtiges Muster erkenne ich nicht. Getestet mit Chrome, in Firefox passiert es offenbar nicht. So sieht das aus:
https://imgur.com/bZlNsmu
Ich kann mir nicht erklären, wo der herkommt. Habt ihr eine Idee?