簡體   English   中英

覆蓋引導程序樣式不起作用

[英]Override bootstrap style not working

我有一個簡單的情況,我有一個沒有定義的顯示屬性值的樣式,我最近在我的項目中添加了引導程序,沒有大的問題,只是一個。

標簽引導樣式中定義了一個顯示:inline-block; 我不需要的內容,並在我的頁面上造成了一些故障排除。 因此,我簡單地覆蓋了它,但是似乎它正在獲得bootstrap值。 !important也無法正常工作。 如下圖所示: 在此處輸入圖片說明

甚至,它在開發人員工具上被標記為已覆蓋。 我還測試了從引導文件中刪除該行,它可以工作,但是在我的情況下,這不是可行的選擇。 就像我說的,我被困在這里,引導程序不再有問題,而且以前也沒有這種情況。

我必須補充一點,就是我要為頁面上的樣式表設置正確的位置。

編輯:

刪除引導程序樣式時,將附加結果和預期結果。 即使被覆蓋,它似乎也能正常工作。

刪除引導樣式時的預期結果(這適用於及時的Developer工具以及從bootstrap.css中刪除時) 在此處輸入圖片說明

PS:IE根據需要是瀏覽器。

EDIT2:

問題已解決,與IE版本有關,我們公司僅在此應用程序上支持IE,問題是以前的某些更改迫使IE在版本5上運行兼容性,原因是任何人都知道,因此改用IE作為標准它正在工作。

謝謝大家的任何想法或評論。

問題與IE兼容模式有關。

這對我有用:我的問題是鏈接方式。

示例:假設input標簽是從供應商文件繼承的樣式(例如bootstrap),並說您在項目中太遠了,並且以相反的方式鏈接文件,從而破壞了布局,然后創建一個新的樣式表並在bootstrap鏈接之后進行鏈接。

<link rel="stylesheet" href="styleSheet.css">
<link rel="stylesheet" href="bootstrapStyles.css">
<link rel="stylesheet" href="newStyleSheet.css"> // 為您不希望繼承自引導程序樣式的元素編寫樣式,並以此方式進行鏈接。

正確的做法:
<link rel="stylesheet" href="bootstrapStyles.css">
<link rel="stylesheet" href="styleSheet.css">

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM