ブラウザ対応状況で不要なタグの除去

[qrac]

#11 sanitize.css v6.0.0 反映 〜 細分化して検証

• Added: normalize.css updates

// before
abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

// after
abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

[qrac]

テスト

• Spot test of sanitize.css v6

[qrac]

Firefox 39

Firefox 40

[qrac]

Firefox 39の時にテキストアンダーラインが2重になるようだけど、現行のFirefoxはすでにバージョン61のため問題ない。採用する。

[qrac]

// Remove html tag
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

// Remove tag
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

// Remove data
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

// Remove data, [type="search"]::-webkit-search-cancel-button
::-webkit-search-decoration {
  -webkit-appearance: none;
}

// More Remove = dfn, mark, sub, sup

// More little = `color: #000000;` -> `color: #000;`

[qrac]

以下もいつの間にか削除されていた。削除しても不具合はなさそう。

::-webkit-input-placeholder {
  color: inherit;
}

[qrac]

dfn mark は削除しても問題いので削除。sup sub は文字サイズが大きいままだとレイアウト崩れに繋がる可能性があるので、現状を維持。