2017-04-11 44 views
-2

--------------------------------------------如何使用默认浏览器的样式覆盖或重置引导程序样式?

更新澄清我的问题

在本小提琴https://jsfiddle.net/30x0pdzx/1/,我想提出的第二字段集显示为默认浏览器呈现在这里https://jsfiddle.net/1b0hxruq/1/

---------- ----------------------------------

我想重写或重置引导方式字段集是具有类no-bootstrap

<fieldset class="no-bootstrap"> 
    <legend></legend> 
</fieldset> 

目前,引导具有样式字段集是

fieldset { 
    min-width: 0; 
    padding: 0; 
    margin: 0; 
    border: 0; 
} 

所以,我应该怎么办重写(或复位)它以default浏览器样式?

fieldset.no-bootstrap { 
    min-width: ???; 
    padding: ???; 
    margin: ???; 
    border: ???; 
} 

感谢您的考虑:)

+0

你知道与CSS或?您可以根据需要填写任何想要的样式。总而言之,确保创建一个新的CSS文件并将其加载到原始引导程序文件的下方,或者我不明白你的问题是什么意思。 – dutchsociety

+0

澄清问题。好像你已经知道答案了,所以我不确定你在问什么。 – ZimSystem

+0

你也可以把这些包括bootstrap css之后,就像下面提到的!对于任何不起作用的重要的是要走的路 –

回答

0

如果你有这些问号,只需添加任何你喜欢的风格,然后或者添加!important;他们所有人,否则请确保您的CSS片装在Bootstraps之后。

例如这样的:

fieldset.no-bootstrap { 
    min-width: 200px !important; 
    padding: 5px !important; 
    margin: 20px !important; 
    border: 1px solid red !important; 
} 

就可以了(或者至少是非常可能),无论你在哪里把它。

+0

感谢您的回答,但我不想让它具有特定的值,因为我只是想使用'默认'浏览器的样式 –

+0

@Vu Nguyen - 不幸的是,没有办法做到这一点。除了每个浏览器都会有所不同。我只能建议你以某种方式来设计你认为是妥协的方式,或者手动加载Bootstrap,并删除影响fieldset的部分。 – mayersdesign

0

您的重写样式应该出现在您要覆盖的代码之后。所以把你的个人CSS之前的引导源。

也有可能使用!重要的标签覆盖任何特定的风格,但不建议经常使用它。

它应该是这样的:

。 Class { 颜色:红色!重要 }

+0

感谢您的回答,但这不是我的问题。我只是更新了它更清楚:D –