2017-06-15 90 views
-1

我想爲按鈕設置不同的樣式,具體取決於它們是否被激活。所以我這樣做,如this post(見下面的代碼),如果我直接在我的Webbrowser中打開HTML文件,它工作正常:工作按鈕是藍色,而禁用的是灰色。Django:錯誤的呈現HTML(/ css)文件

現在,我嘗試通過django服務器的IP訪問該站點,它不起作用。按鈕是標準按鈕,沒有任何由CSS代碼應用的設計。但是,像背景這樣的東西 - 我在CSS文件中設置 - 正在正常工作。這是它的外觀: enter image description here

編輯: 我包括CSS文件,如下所示:<link href="../../static/myApp/mainStyle.css" rel="stylesheet" type="text/css">

下面是代碼:

button { 
 
    border: 1px solid #0066cc; 
 
    background-color: #0099cc; 
 
    color: #ffffff; 
 
    padding: 5px 10px; 
 
} 
 

 
button:hover { 
 
    border: 1px solid #0099cc; 
 
    background-color: #00aacc; 
 
    color: #ffffff; 
 
    padding: 5px 10px; 
 
} 
 

 
button:disabled, 
 
button[disabled]{ 
 
    border: 1px solid #999999; 
 
    background-color: #cccccc; 
 
    color: #666666; 
 
}
<div> 
 
    <button> This is a working button </button> 
 
</div> 
 

 
<div> 
 
    <button disabled="true"> This is a disabled button </button> 
 
</div>

+1

你檢查CSS文件是否正在加載或不從服務器?什麼是CSS文件的狀態碼? –

+0

你如何在頁面中包含CSS?你如何提供該css文件? –

+0

@NeErAjKuMaR如何獲取狀態碼? – black

回答

0
{% load staticfiles %} 
<link href="{% static 'myApp/mainStyle.css' %}" rel="stylesheet" type="text/css"> 

使用上面的代碼模板中的服務CSS文件。

+0

我是否需要編輯setup.py中的任何內容......以便他的作品?對我而言,嘗試此代碼時不會有任何變化。 – black

+0

你必須在settings.py中定義STATIC_ROOT和STATIC_URL –