2016-12-19 6 views
1

DjangフォームのCSSを変更する際に問題が発生しています。Django:CSSファイルが更新されない

<form method="post" action="." id="signup"> 
    <div class="container"> 
     {% csrf_token %} 
     {{ form.as_p }} 
     <button type="submit" value="{% trans 'Submit' %}">Join Hawka</button> 
    </div> 
</form> 

モデル:

class ExRegistrationForm(RegistrationForm): 
    age = forms.IntegerField() 
    location = forms.CharField() 
    phone = forms.CharField() 

モデル:

class ExUserProfile(models.Model): 
    user = models.ForeignKey(User, unique=True) 
    age = models.PositiveSmallIntegerField(default = 19) 
    location = models.CharField(max_length=2, default = "location") 
    phone = models.CharField(max_length=15, default = "phone number") 

    def __unicode__(self): 
     return self.user 


def user_registered_callback(sender, user, request, **kwargs): 
    profile = ExUserProfile(user = user) 
    profile.age = request.POST["age"] 
    profile.location = request.POST["location"] 
    profile.phone = request.POST["phone"] 
    profile.save() 

CSS:

.container input[type=text], .container input[type=password], .container input[type=email], .container input[type=number] { 
    width: 100%; 
    padding: 0.3em 0.5em; 
    margin: 0.3em 0; 
    font-size: 1.5em; 
    text-align: center; 
    display: inline-block; 
    border: 0.1em solid #ccc; 
    box-sizing: border-box; 
    border-radius: 1em; 
} 

結果:

ここに私のコード (テンプレート)です 私の電子メールや番号フィールドのスタイルが更新されていない

enter image description here

、私は問題はフィールドを生成し、奇妙な何かをして、自動Djangoのフォームに関連するかもしれないと思ったが、検査から、それはフィールドは、通常の名前を持っていることを示しています入力タイプ。だから、CSSが更新されていないという事実を除いて、普通のことは何もありません。

私は間違っていますか?

+0

ブラウザのdevツールを見たり、ソースを表示したりするのはなぜですか? –

+0

@DanielRoseman質問のタイトルはちょっと混乱しています。私はそれを編集します。質問は、なぜ2つの入力タイプのCSSが実装されていないのでしょうか?私は問題が何であるかわからない、フィールドのIDのCSSを作成しようとしても、たとえば、djangoフォームは "id_email"として電子メールのIDを設定する、私はそのIDの特定のCSSを作成し、それでも何も変更されませんでした。 –

答えて

2

問題は、私のブラウザが古いCSSファイルをキャッシュしていたため、アップデートが表示されないという問題でした。私が問題を本当に理解していなかったので、問題を解決するのは難しかったです。あなたはそのためのロードに新しい静的ファイルを可能に、キャッシュを削除するには、上記のコマンドを使用することができ、Chromeの場合

はCtrl + Shiftキー+デル

ソリューションは、静かな単純なものでした。

ありがとうございました。

0

あなたはCSSセレクタを正しく持っていますか? inspect要素に移動し、要素を選択して、コピーセレクタをクリックします。それはあなたの入力要素のCSSセレクターについての洞察を与えるでしょう。

+0

私はgoogle chromeの検査を使いました。何が適用されているのか、私はIDと入力タイプなどを読むことができます。パスワード入力を調べると、CSSが使われていることがはっきりと分かります。コンテナ入力[type = email]、。コンテナ入力[type = number]。これは私のCSSファイルが完全に実装されていないことを意味する??番号や電子メールの入力フィールドを定義する2つのラベルは何らかの理由で除外されています。 –

0

cssセレクタで引用符を使用する必要があります。入力した[type = "text"]

+0

私はあなたがそうは思わない、 –

関連する問題