css-reset

I am writing a GreaseMonkey script that sometimes creates a modal dialog – something like <div id="dialog"> Foo </div> . But what can I do if the site has something like #dialog { display: none !important; } ? Or maybe the owner of some site is paranoid and has something like div { display: none !important; } div.trusted { display: block !important; } because he doesn't want people like me adding untrusted content to his page. How can I prevent those styles from hiding my dialog? My script runs on all pages, so I can't adapt my code to each case. Is there a way to sandbox my dialog? Actually a

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. Finally, file inputs seem impossible to get to the same width cross browser. Are there any good guides or tips for accomplishing this? Perhaps there are some default CSS attributes I should be setting. cowgod I tested this out in Internet Explorer 7, Firefox 3 and Safari/Google Chrome. I definitely see the problem with <select> and <input type="file">

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 font and boldness for a h1 tag, along with the spacing. I realize it is totally up to me how I want to set the style, but I want to get back to normal behavior for some of the more common elements (at least as a starting point that I can tweak later on). Steven Oxley YUI provides a base CSS file that will give consistent styles across all 'A-grade'

For example, the Meyer reset has a long list of elements 1 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 elements I don't see covered in the tag list that are covered (I presume) with a * are input , button , and select —the Eric Meyer reset, in fact, doesn't appear to really deal with those elements at all. If avoiding resetting these elements is the issue…why wouldn't you? Browsers obviously don't all display form elements the same. 1 html, body, div, span,

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 round the input fields and render them rectangular as intended? On iOS 5 and later, good ol' border-radius does the trick: input { border-radius: 0; } If you must only remove the rounded corners on iOS or otherwise for some reason cannot normalize rounded corners across platforms, use the prefixed -webkit-border-radius property instead, which is still