how to hide underline in hyperlink html in text editor

In some cases, bits of underline may look out of place, or resemble other symbols.

Irregular breaks in a line garner more attention around the locality of the breaks. When it comes to cognitive load, a solid line is less information than a broken line. 6 reasons to question the Chrome link underline change 1. This is worth thinking about, both for what it is and as an example of how we don’t want browser changes handled in the future. Still: it’s a design change, it’s new to many, and its benefits are murky. Safari and iOS made this visual style the default by the end of 2014.

Chrome is not even the first browser to do this.

Some website implementations that have accomplished the same or similar effect for several years.

To be clear, the Chrome link underline style change not a big huge deal.

I’m not convinced that Google’s change is a good one. that cross below the text baseline.Ĭhrome not only supports the new style (let’s call it “skip-ink”) but made it the default for all text underlines.

This property allows for the underline style that “skips” letter descenders, punctuation, etc. It turned out that, starting with Chrome 64 (on desktop and mobile), the browser supports a new CSS text property called text-decoration-skip-ink. Instead of one continuous line, the underline stopped and restarted to avoid crossing over the descenders of lowercase letters like g and y, as in this example:ĭepending on text size, font, etc., the broken underlines were sometimes innocuous, but sometimes really snagged my eyes while reading across the page. They were just simple blue text links with underlines… but the underline style was different than it had been the day before. This may not have been the right move.Ī few months ago, I was looking at a web page (minding my own business) when I noticed that the links looked odd to me.

Google embraced a new CSS text property and made it the default Chrome link underline style in its Chrome browsers.

How to hide underline in hyperlink html in text editor