2017-06-15 14 views
-1

ボタンが有効かどうかによって、異なるスタイルを設定しようとしています。だからthis post(以下のコードを参照)のように、Webブラウザで直接HTMLファイルを開くと正常に動作します。無効になっているボタンが青色のときは作業ボタンが青色になります。Django:HTML(/ css)ファイルのレンダリングが間違っています

今、私はdjangoサーバーのIP経由でサイトにアクセスしようとしましたが動作しません。ボタンは標準のボタンであり、CSSコードによって適用されたデザインはありません。しかし、CSSファイルで設定した背景のようなものは正しく動作しています。これは、それがどのように見えるかです: enter image description here

はEDIT:次のように 私は、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を定義する必要があります –

関連する問題