Django: widget-tweaks для Dropdown-формы - attr не работает

В настоящее время я пытаюсь придать стиль моим выпадающим формам, которые я создавал с помощью widget tweaks.

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

CSS

   .processor_dropdown {
    position: absolute;
    width: 178px;
    height: 24px;
    left: 467px;
    top: 518px;
    overflow: visible;
}

 .graphicscard_dropdown {
    position: absolute;
    width: 178px;
    height: 24px;
    left: 467px;
    top: 568px;
    overflow: visible;
}

HTML

<label style="top: 500px;" for="" id="label_config_1">Mein Prozessor </label>
    {{ form.processor|add_class:"processor_dropdown"}}

    <label style="top: 550px; for="" id="label_config_1">Meine Grafikkarte</label>
    {{ form.graphicscard|add_class:"graphicscard_dropdown" }}

Но поскольку мне нужно по-разному определять позицию "слева" и "сверху", я сначала создал его именно так. Но теперь я хочу пойти более "общим" путем и создать один класс для всех выпадающих элементов и определить атрибуты позиции локально.

Поэтому в документации по твикам виджетов есть довольно четкий способ сделать это - с помощью выражения "attr":

HTML

 {% load widget_tweaks %}
    <label style="top: 500px;" for="" id="label_config_1">Mein Prozessor </label>
    {{ form.processor|add_class:"processor_dropdown"|attr:"left:467px"|attr:"top:518px"}}

Но это почему-то не работает, и я понятия не имею почему.

Разве оператор "add_class" не может быть связан с оператором attr? Надеюсь, вы сможете мне помочь.

Заранее благодарю!

Вернуться на верх