Как удалить значение по умолчанию '0' в формах Django, используя только CSS

Question

Я делаю формы django, для которых при переносе в них требуется значение по умолчанию, но я хочу показать это: «--------» по умолчанию, а не 0 с использованием только css: моя форма django выглядит следующим образомэто:

<div class="row">
    <div class="col-md-6 col-sm-8 col-12">
      <form method="post" novalidate>
        {% csrf_token %}
        {{ form|crispy }}
        <button type="submit" class="btn btn-success">Save</button>
        <a href="{% url 'employee:products_table' %}" class="btn btn-outline-secondary" role="button">Nevermind</a>
      </form>
    </div>
  </div>

В этом img вместо 0 я хочу "------", но должно быть сделано толькос CSS.

Answer 1

Существует псевдокласс webkit, доступный в CSS, который используется вместе с атрибутом содержимого для установки заполнителя.

.my-input-class::-webkit-input-placeholder::before {
   color:#6B6A6A;
   content:"------";
}

Еще раз отметим: это только для браузеров webkit.

Answer 2

Вы должны добавить JS. Добавить этот код JS.

var inputText = document.getElementsByTagName('input');
for (var i = 0; i < inputText.length; i++) {
  if(inputText[i].value == 0){
    inputText[i].value = '--------';
  }
}

Answer 3

Это не может быть сделано с чистым CSS.

Вместо этого, посмотрите, как манипулировать отдельными элементами HTML внутри хрустящих форм Django и сделайте так, чтобы значение элемента input было пустым, а placeholder атрибут "------", как вы хотите.