# Abbr double line dotted

**URL:** <https://meta.discourse.org/t/abbr-double-line-dotted/77112>\
**Category:** UX\
**Created:** [1월 2, 2018, 1:28오후 UTC](https://meta.discourse.org/t/abbr-double-line-dotted/77112 "2018-01-02T13:28:04Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![user\_checker](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/user_checker/32/82472_2.png) [@user\_checker](https://meta.discourse.org/u/user_checker)\
**Post date:** [1월 2, 2018, 1:28오후 UTC](https://meta.discourse.org/t/abbr-double-line-dotted/77112/1 "2018-01-02T13:28:05Z")

</div>

## Example:

> The WHO was founded in 1948.

I see double lines in Firefox 57, Opera 49 / Chrome 62. Internet Explorer / Edge is not affected.

* * *

Where find line dotted:

```css

       /* from normalize.scss */
abbr[title] {
    border-bottom: 1px dotted;
}

       /* from browser default stylesheet (user agent stylesheet) */
abbr[title], acronym[title] {
    text-decoration: underline dotted;
}

```

Maybe disable default css in abbr element (_`text-decoration: none !important`_) for better look.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [1월 2, 2018, 10:28오후 UTC](https://meta.discourse.org/t/abbr-double-line-dotted/77112/2 "2018-01-02T22:28:32Z")

</div>

Sure what do you think @awesomerobot?

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [1월 3, 2018, 12:13오전 UTC](https://meta.discourse.org/t/abbr-double-line-dotted/77112/3 "2018-01-03T00:13:48Z")

</div>

Looks like the normalize css (few years old) is styling it differently than those browsers are by default now. The underline should still be there (acronyms should have title attributes, and the underline hints the tooltip) but I’ll update from border to text-decoration so it’s not doubled (IE/Edge likely still need it defined to appear).

ie/edge don’t support dotted text decorations yet, but the basic underline will fallback there.

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [1월 3, 2018, 2:09오전 UTC](https://meta.discourse.org/t/abbr-double-line-dotted/77112/4 "2018-01-03T02:09:38Z")

</div>

Pushed a commit that will remove double underlines. Thanks @user_checker.

[https://github.com/discourse/discourse/commit/efc5bc2c553a600467735ad318f92aa83f00a482](https://github.com/discourse/discourse/commit/efc5bc2c553a600467735ad318f92aa83f00a482)

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [1월 3, 2018, 2:18오전 UTC](https://meta.discourse.org/t/abbr-double-line-dotted/77112/5 "2018-01-03T02:18:29Z")

</div>