2016-07-15 30 views
0

我的登錄表單容器目前正在使用谷歌開發工具適用於身體Django的 - 重寫登錄CSS

一些CSS多數民衆贊成重寫我已經找到了罪魁禍首,但我試圖重寫失敗...

所以登錄表單上,我們有

<body class=" login" 
    data-admin-utc-offset="3600"> 

<div id="header-bar"> 
    <div id="header-content"> 
     <div id="header-meta-bar"> 
      ..... 
    </div> 
<!-- Container --> 
<div id="container"> 

然後在CSS的容器,我可以看到

.login #container { 
    background: #fff; 
    border: 1px solid #eaeaea; 
    border-radius: 4px; 
    overflow: hidden; 
    width: 28em; 
    min-width: 300px; 
    margin: 100px auto; 
} 
#container { 
    position: relative; 
    width: 100%; 
    min-width: 980px; 
    padding: 0; 
} 
div { 
    display: block; 
} 

所有這些樣式應用.login #container我不想要,他們打破我的佈局。

所以我想我可能會在admin_overrides.css文件

.login #container{ 
    border:0; 
    width:100%; 
    margin: 0; 
} 

與低於此改變他們,但他們不適用,它們會在開發工具受災出來。

任何人都可以告訴我我可以重寫這種風格嗎?

感謝

回答

1

;到要強制覆蓋他人的命令之前添加!important。只要它(以及它在文件中),最後終於把加載的,不與後來又!important前綴的命令干擾,它應該工作:

.login #container{ 
    border:0!important; 
    width:100%!important; 
    margin: 0!important; 
} 

祝你好運;)

+0

真棒,謝謝!會記得一個! – AlexW