Stack Overflow
Stack Overflow

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
3
votes
1 answer

Applying "reset" styles on *

Are there any drawbacks of applying global styles to all elements? *{ margin: 0; padding: 0; border: 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
Anna K.
  • 1,887
  • 6
  • 26
  • 38
3
votes
2 answers

'Line-height: 1' in CSS reset causes HTML background to extend

I've been trying to figure out why there's a thin (maybe 1px) line at the bottom of my layout and finally pinpointed the body {line-height: 1;} in Eric Meyer's reset file. For some reason, this setting is causing the html element to extend just past…
nkanderson
  • 483
  • 1
  • 8
  • 21
3
votes
2 answers

Override reset.css with browser defaults

I know this might sound like a strange question but I actually need to override a CSS reset file with the browser defaults (so the other way around than normal). So when my reset.css states li{ padding: 0; } I want to override that with the…
Horen
  • 11,184
  • 11
  • 71
  • 113
2
votes
1 answer

gwt - How to CSS reset a GWT app?

What I would like to do is apply a system-wide CSS reset. How can I do this? Here's a little bit of information about what is meant by a CSS reset. The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line…
helpermethod
  • 59,493
  • 71
  • 188
  • 276
2
votes
1 answer

Shadow DOM reset stylesheet

I'd like the app I'm making to use a reset.css at the global level. I'd also like it to penetrate all shadow roots but have low specificity. How can I accomplish this? Let's say my reset.css contains something like: li, ::shadow li { margin: 0; …
Olson.dev
  • 1,766
  • 2
  • 19
  • 39
2
votes
1 answer

Google maps V3 API - css reset causes scrollbars

This is in my reset script: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,…
Mark King
  • 53
  • 7
2
votes
1 answer

Custom styling in CKEditor dialog

I'm trying to integrate the MathQuill math editor in the dialog of the MathJAX widget/plugin. I successfully replaced the input box with a MathQuill input box, but now I would like to add a math toolbar as presented here:…
Mic D
  • 41
  • 1
  • 4
2
votes
2 answers

CSS reset interferes with a third party HTML/CSS component

I use Eric Meyer’s CSS reset and jqGrid (jQuery Grid plugin). The reset interferes with the CSS styling of the grid, and the grid looks unacceptable. What is the common way to solve this sort of problem (a CSS reset affects a third party component…
Alexey
  • 2,542
  • 4
  • 31
  • 53
2
votes
3 answers

which is better between the two kinds of css reset?

*{ margin: 0; padding: 0; } and body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code, form,fieldset,legend,input,button,textarea,blockquote,th,td,p...{ margin:0;padding:0 } the first is simple,and I like it.But why many big web sites use…
Joyce Lee
  • 309
  • 2
  • 10
2
votes
2 answers

How can I prevent CSS from affecting certain element?

I am writing a GreaseMonkey script that sometimes creates a modal dialog – something like
Foo
. But what can I do if the site has something like #dialog { display: none !important; } ? Or maybe the owner of some…
Oriol
  • 274,082
  • 63
  • 437
  • 513
2
votes
7 answers

CSS Reset for Chrome

Hi I realise what I should have done is start with a CSS reset but I developed my website in Chrome with its defaults and then started trying to make it cross browser compatible once I finished. If I add any of the common CSS resets I loose margins,…
user759885
2
votes
1 answer

Is there a CSS3 Reset?

I am simply wondering if there exists a global CSS reset for CSS3. Something along the lines of the commonly-used versions created by Eric Meyer or YUI, but for CSS3 specifically. I've queried channels such as Google, Github and here on SO, but…
Dalex
  • 3,033
  • 2
  • 30
  • 23
1
vote
1 answer

Overriding ExtJS 4's CSS Reset for custom HTML within components

I am in the process of updating an existing application from Ext 3.x to 4, and I've managed to enable Ext's scoped reset CSS option to prevent Ext from applying its CSS reset to my entire application, however I'm now encountering another issue. My…
Bill Dami
  • 3,205
  • 5
  • 51
  • 70
1
vote
1 answer

WebGL Three.js and CSS reset

Is it OK to use CSS reset together with WebGL Three.js library? Does it affect anything?
Marek Sebera
  • 39,650
  • 37
  • 158
  • 244
1
vote
2 answers

Please explain me Eric Meyer's CSS reset

First of all I want to tell you why I'm asking this question. I usually update projects that have been written poorly and without a reset. I want to improve the project's quality so it seems that applying a CSS reset is absolutely necessary. I don't…
Dan
  • 55,715
  • 40
  • 116
  • 154
1 2
3
4 5 6 7