reset CSS

resetStyle.js

/* Usage::
	var element = $E([
		"<div class='window'>",
			"<div class='message'>#{message}</div>",
			"<input type='button' class='ok' value='#{ok}'/> <input type='button' class='cancel' value='#{cancel}'/>",
		"</div>"
	].join(""), {
		data: {
			message : message     || "dialog",
			ok      : opts.ok     || "OK",
			cancel  : opts.cancel || "Cancel"
		},
		parent: document.body
	});

	var style = resetStyle(element, [
		"._.window {",
			"border: 0.3em solid #ccc;",
			"-moz-border-radius: 1em;",
			"padding: 1em;",
			"margin: 1em;",
			"line-height: 1.33;",
		"}",
		"._ .message {",
			"margin : 1em;",
			"padding: 1em 0;",
			"margin: 0 0.5em;",
		"}",
		"._ input {",
			"display: inline;",
			"border: 0.3em solid #ccc;",
			"-moz-border-radius: 1em;",
			"width: 7em;",
			"padding: 0.2em 0;",
			"text-align: center;",
			"margin: 0 0.5em;",
		"}"
	].join("\n"));
	style.position = "absolute";
	style.top      = "0";
	style.left     = "0";
*/

function resetStyle (ele, addtional) {
	if (!resetStyle.style) {
		resetStyle.style = [
			"azimuth: center;",
			"background: #fff;",
			"border: none;",
			"bottom: auto;",
			"caption-side: top;",
			"clear: none;",
			"clip: auto;",
			"color: #000;",
			"content: '';",
			"counter-increment: none;",
			"counter-reset: none;",
			"cue: none;",
			"cue-after: none;",
			"cue-before: none;",
			"cursor: auto;",
			"direction: ltr;",
			"display: block;",
			"elevation: level;",
			"empty-cells: show;",
			"float: none;",
			"font: normal;",
			"height: auto;",
			"left: auto;",
			"letter-spacing: none;",
			"list-style: disc outside none;",
			"margin: 0;",
			"marker-offset: auto;",
			"marks: none;",
			"max-height: none;",
			"max-width: none;",
			"min-height: 0;",
			"min-width: 0;",
			"orphans: 2;",
			"outline: none;",
			"overflow: visible;",
			"padding: 0;",
			"page: auto;",
			"page-break-after: auto;",
			"page-break-before: auto;",
			"page-break-inside: auto;",
			"position: static;",
			"right: auto;",
			"size: auto;",
			"speak: none;",
			"table-layout: auto;",
			"text-align: left;",
			"text-decoration: none;",
			"text-indent: 0;",
			"text-shadow: none;",
			"text-transform: none;",
			"top: auto;",
			"unicode-bidi: none;",
			"vertical-align: baseline;",
			"visibility: visible;",
			"white-space: normal;",
			"windows: 2;",
			"width: auto;",
			"z-index: auto;",
		].join("");
	}

	var className = "scriptreset" + String(Math.random()).slice(2);

	var style = document.createElement('style');
	style.type = "text/css";
	style.appendChild(document.createTextNode([
		"." + className + " ,",
		"." + className + " * {",
			resetStyle.style.replace(/;/g, " !important;"),
		"} ",
		addtional.replace(/;/g, " !important;").replace(/_/g, className) || ""
	].join("\n")));

	ele.className += " " + className;
	document.getElementsByTagName('head')[0].appendChild(style);
	return ele.style;
}