Django: файл CSS не обновляется

Question

У меня возникли проблемы с изменением CSS-стиля Djang. Вот мой код (Template):

<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; 
} 

Результат:

стиль для моей электронной почты и номер поля не обновляется, я думал, что проблема может быть связана с Django форм автоматической генерации полей и делать что-то странное, но из инспектировать, это показывает, что поля имеют нормальные имена и типы ввода. Так что ничего необычного, кроме того факта, что CSS не обновляется.

Что я делаю неправильно?

Answer 1

Проблема была связана с тем, что мой браузер кэшировал мой старый файл CSS, поэтому не показывал никаких обновлений. Мне было трудно решить проблему, потому что я действительно не понимал эту проблему.

Решение было очень проста:

Ctrl + Shift + Del

В Chrome, вы можете использовать команду для удаления кэша, поэтому позволяет для новых статических файлов для загрузки ,

Спасибо за помощь.

Answer 2

Вы уверены, что у вас есть селектор CSS справа? Перейдите к элементу проверки, выберите свой элемент и нажмите переключатель копирования. Это даст вам представление о селекторе Css ваших входных элементов.

Answer 3

Вам нужно использовать кавычки в селекторе css: например. input [type = "text"]