2017-04-11 57 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 –