Address inconsistent styling of abbr[title]

JohnAlbin · Jan 23, 2016 · 5304c78 · 5304c78
1 parent a3531ef
commit 5304c78
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,7 @@
 * Correct `hr` overflow in IE 8/9/10/11 and Edge 12.
 * Ensure `mark` long-hand background declaration usage.
 * Remove color inheritance from form controls.
+* Address inconsistent styling of abbr[title].
 
 === 3.0.3 (March 30, 2015)
 

diff --git a/normalize.css b/normalize.css
@@ -103,11 +103,15 @@ a:hover {
    ========================================================================== */
 
 /**
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ * Address inconsistent styling of `abbr[title]`.
+ * 1. Correct styling in Firefox 39 and Opera 12.
+ * 2. Correct missing styling in Chrome, Edge, IE, Opera, and Safari.
  */
 
 abbr[title] {
-  border-bottom: 1px dotted;
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
 }
 
 /**