2017-06-15 98 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 –