重置继承的CSS

我正在尝试为网站创建备用设计作为后备.我无法真正改变系统的架构方式.加载主样式表,然后加载第二个样式表.我控制了第二个样式表.我想重置很多CSS,特别是表单元素.

但是,我遇到了困难.例如,使用< button>：

background: rgb(88,222,255);
border-radius: 4px;
border: 1px solid #91d7eb;
box-shadow: 0px 2px 4px 0px rgba(1, 75, 138, .8);
color: #FFF;
cursor: pointer;
font-family: "Graphic-Font";
font-size: 25px;
font-weight: bold;
text-shadow: 0px 1px 3px #014b8a;
padding: 10px 40px;

虽然我可以设置background：none,border-radius：none`等等,但是按钮没有样式,而不是默认的浏览器样式.我必须将表单元素作为默认浏览器样式,以及页面上的许多其他元素.但我似乎无法让至少表格元素变得没有风格.

为了清晰
简化问题：如何重新设置< button>回到默认状态？

我建议使用CSS重置作为起点( Eric Meyers’可能是最着名的).

我认为你在你不想设置自己的风格的事情上遇到麻烦,但是将它恢复到浏览器默认值(例如你不想要保证金：0;在所有事情上,你想要默认的大余量H1,p上的默认较小的一个,等等.

您实际上可以获取用户代理样式表的副本,修改它们以使它们更具体,并包含它们以进行覆盖. Here is a site that has copies of a lot of default UA stylesheets.这里的一个问题是每个浏览器都使用自己的浏览器,因此除非您浏览器检测并提供选择性样式表,否则它通常不会像通常那样浏览器.但是,我认为没关系.我实际上建议你只选择你喜欢的浏览器默认设置并将所有浏览器设置为这样,或者你可以使用W3C’s suggestion for default browser styles.

所有这些并不能解决你的问题,因为造型元素是地狱.一旦应用了样式,某些浏览器就会切换表单元素的呈现模式,这样您就永远无法将其恢复为原始样式.例如,IE7不支持圆角,但它们的默认按钮具有圆角,因为它以Windows操作系统样式呈现.但是只要你给按钮一个边框或其他一些风格,它就会失去那个漂亮的Windows阴影圆角默认外观,并且没有使用图像就无法取回它！

所以真的,我不会试图让浏览器回到他们原来的默认风格.我使用UA默认样式表,然后修改它,以便制作一种通用的跨浏览器跨系统默认值.它看起来不像原生的无样式代码,但它看起来足够接近.