Useful CSS rules for bug fixes

Filed under Bugs, CSS

Whenever I start a new project any useful code is inherited to the following project. There are lots of browsers around that all behave differently so I use this code to ease the pain. Here are a few I wouldn’t leave out of any future project.


/* Fixes the extreme bold text that is a known issue in Safari */
* {
text-shadow: #000000 0 0 0px;
}
/* removes default Firefox dashed outline on links & the blue outline on safari input fields */
* {
outline: none;
}

/* Reset elements for consistant cross-browser design */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockx, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*