Questions tagged [css-reset]

CSS reset is a technique that allows you to make chosen elements display in (roughly) the same way by default in different browsers. Came to exist since different browsers rendered basic HTML elements with their own styling, which - obviously - differed. Ties with css-cross-browser, but is more specific.

CSS reset is a technique that allows you to make chosen elements be displayed in (roughly) the same way by default in different browsers. CSS reset came to exist since different browsers rendered basic HTML elements with their own styling, which - obviously - differed. Ties with css-cross-browser, but is more specific.

Common implementations:

99 questions
412
votes
11 answers

Turn off iPhone/Safari input element rounding

My website renders well on the iPhone/Safari browser, with one exception: My text input fields have a weird rounded style which doesn't look good at all with the rest of my website. Is there a way to instruct Safari (via CSS or metadata) not to…
Alex
  • 75,813
  • 86
  • 255
  • 348
122
votes
8 answers

Which HTML5 reset CSS do you use and why?

Which HTML5 reset CSS do you use and why? Is there one that you've found to cover more cases? I've started using HTML5 Doctor's: http://html5doctor.com/html-5-reset-stylesheet/ It seems to work, but I'm wondering if there is something better out…
Darryl Hein
  • 142,451
  • 95
  • 218
  • 261
89
votes
1 answer

Should I use normalize.css in my Bootstrap project?

I can't figure out if I need to add the normalize.css stylesheet in my bootstrap project. I'm using the latest version of bootstrap, v2.3.2.
Omer Raja
  • 1,077
  • 2
  • 9
  • 10
54
votes
11 answers

CSS Reset, default styles for common elements

After applying a CSS reset, I want to get back to 'normal' behavior for html elements like: p, h1..h6, strong, ul and li. Now when I say normal I mean e.g. the p element adds spacing or a carriage return like result when used, or the size of the…
public static
  • 12,702
  • 26
  • 66
  • 86
52
votes
7 answers

How to remove margin space around body or clear default css styles

I am admittedly a beginner, but I also did a fair amount of searching before posting this. There seems to be extra space around my div element. I also would like to point out that I tried many combinations of border: 0, padding:0, etc. and nothing…
Anthony
  • 1,760
  • 1
  • 23
  • 43
35
votes
5 answers

How to make padding:auto work in CSS?

I am working on a legacy project that has CSS Reset with *{ margin:0; padding:0 } applied to everything. Now, my new code doesn't need that as it relies on Normalize.css. This hasn't been much of a problem but at some places I need to use both…
Vaibhav K
  • 832
  • 2
  • 10
  • 16
24
votes
9 answers

How to line up HTML input elements?

I am hoping to find a resource for lining up input elements in a HTML page. I find it difficult to get a select element and a text box to be the same width even when using the width style attribute, and it is even more difficult across browsers.…
Greg
  • 7,233
  • 12
  • 42
  • 53
17
votes
3 answers

Unable to remove CSS class a: hover background-color

I've created a CSS class .press-title, however I've been unable to remove the backround color applied on hover. .press-title a:hover { background-color: none; text-decoration: none;} Ideas? Link is towards the bottom of the…
cunningfox
  • 173
  • 1
  • 1
  • 6
16
votes
5 answers

CSS reset for HTML5

Best practices? How does this differ from HTML4 or XHTML1? There's a lot of discussion going on over here: http://html5doctor.com/html-5-reset-stylesheet/ I'm wondering what other resources/discussion exists.
arxpoetica
  • 4,841
  • 3
  • 30
  • 35
15
votes
3 answers

reset multiple css styles for one single div element

my question is if it is possible to reset css styles (a lot off them) for a single div and all elements that are contained in that div. I am asking, because I found this tutorial for a jquery shoutbox that has it's own css file. I can not just copy…
Richard
14
votes
4 answers

Why is the and not working?

I have this site http://www.korsholm-jagtrejser.dk/ In the text Korsholm Jagtrejser kan tilbyde jagtrejser til et bredt udvalg af jagtlande Korsholm has around and jagtrejser has around, but it does not shown as bold/italic. I'm using…
Martin-
  • 876
  • 2
  • 13
  • 30
12
votes
3 answers

Why don't CSS resets use '*' to cover all elements?

For example, the Meyer reset has a long list of elements1 which I believe can be replaced with a *? I have seen some use of: * { margin: 0; padding: 0; } But more "advanced" resets seem to go with explicitly stating the tags. The only…
Aaron Yodaiken
  • 19,163
  • 32
  • 103
  • 184
8
votes
1 answer

Style heading tags with css reset

After using a css reset, all my heading tags are reset (ofcourse). What is the best way to style them like normal. Surely there is better way then this? h1 { font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.3em; } h4 { font-size: 1em;…
Jeremy
  • 89
  • 1
  • 2
7
votes
5 answers

webkit htm5 css reset for input elements

This is somewhat annoying. It appears that webkit (through chrome 13 canary) is having a right go at styling various input types and it's clashing with the design in a major way. In particular, these are causing me a headache: selected element glow…
Dimitar Christoff
  • 26,147
  • 8
  • 50
  • 69
7
votes
2 answers

How do you add 'box-sizing: border-box' to Normalize.css file?

I constantly use box-sizing: border-box; on all elements when creating CSS files, ie * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } However I cannot seem to get this to work with the file…
Mervodactyl
  • 101
  • 1
  • 1
  • 6
1
2 3 4 5 6 7