

This can trigger a poorly considered lint error in some tools but is included by design.Ĭonstrain images and videos to the parent width and preserve their intrinsic aspect ratio. Add `vertical-align: middle` to align replaced elements more sensibly by default. Make replaced elements `display: block` by default. Make sure disabled buttons don't get the pointer cursor.ġ. Set the default placeholder color to the user's configured gray 400 color. Reset the default placeholder opacity in Firefox.

Prevent resizing textareas horizontally by default.ġ. Removes the default spacing and border for appropriate elements. Change font properties to `inherit` in Safari.Īdd the correct display in Chrome and Safari. Remove the inner padding in Chrome and Safari on macOS.Ģ. Correct the odd appearance in Chrome and Safari. ()Īdd the correct vertical alignment in Chrome and Firefox.Ĭorrect the cursor style of increment and decrement buttons in Safari.ġ. Remove the additional `:invalid` styles in Firefox. Use the modern Firefox focus style for all focusable elements. Correct the inability to style clickable types in iOS and Safari.

Remove the inheritance of text transform in Edge and Firefox.ġ. Remove the margin in Firefox and Safari.ģ. Change the font styles in all browsers.Ģ. Remove gaps between table borders by default.ġ. Correct table border color inheritance in all Chrome and Safari. Remove text indentation from table contents in Chrome and Safari. Prevent `sub` and `sup` elements from affecting the line height in all browsers.ġ. Correct the odd `em` font sizing in all browsers.įont-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace Īdd the correct font size in all browsers. Use the user's configured `mono` font family by default.Ģ. Reset links to optimize for opt-in styling instead of opt-out.Īdd the correct font weight in Edge and Safari.ġ. Remove the default font size and weight for headings. webkit-text-decoration: underline dotted Ensure horizontal rules are visible by default.Īdd the correct text decoration in Chrome, Edge, and Safari. Correct the inheritance of border color in Firefox. Inherit line-height from `html` so users can set them as a class directly on the `html` element.Ģ. Use the user's configured `sans` font-family by default.Ģ. Professionally designed subscript and superscript glyphs are designed to be visually compatible with the full-size figures in terms of weight and proportions. One of the advanced features of OpenType typefaces is support for professionally designed subscript and superscript glyphs. Prevent adjustments of font size after orientation changes in iOS.Ĥ. The font-variant-position property is used to enable typographic subscript and superscript glyphs. Use a consistent sensible line-height in all browsers.Ģ. Allow adding a border to an element by just adding a border-width. Prevent padding and border from affecting element width.
