• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Klasa dla jednego atrybutu?

Object Storage Arubacloud
0 głosów
155 wizyt
pytanie zadane 4 września 2019 w HTML i CSS przez MAXIM7 Obywatel (1,990 p.)

Cześć, mam krótkie pytanie. Mam coś takiego:

<div class="dropOption"><span class="ball">&#xf111;</span>Kolor</div>

Robię custom selecta, w którym do wyboru są kolory. Dla każdej opcji chciałbym nadać dla spana inny kolor (span zawiera ikonkę z font awesome). Każda z opcji jest tworzona w JS w pętli. Jak najlepiej to zrobić? Czy opłaca się tworzyć dla każdego spana osobną klasę zwierającą tylko jeden atrybut (color). Czy lepiej stylizacje zamieścić wewnątrz znacznika spana jako np.: style="color: red;". (w miejscu red dałbym po prostu w js tablicę[i] z kolejnymi kolorami).

komentarz 4 września 2019 przez lateM Pasjonat (17,660 p.)

Bo wiesz, że istnieje taki input, right?

komentarz 4 września 2019 przez MAXIM7 Obywatel (1,990 p.)
Wiem, ale on ma bardzo ograniczone możliwości edytowania wizualnego.

1 odpowiedź

+1 głos
odpowiedź 5 września 2019 przez BT101 Stary wyjadacz (12,540 p.)
wybrane 5 września 2019 przez MAXIM7
 
Najlepsza

Jak tworzysz te opcje w pętli to style inline z tablicy tutaj są racjonalne. Z frameworkami jak Angular czy Vue też bym tak zrobił np

<div>
    <span *ngFor="let n of options" [style.color]="n.color"> {{ n.value }} </span>
</div>
<div>
    <span v-for="n in options" :style="{ color: n.color }"> {{ n.value }} </span>
</div>

więc generalnie tak jak zazwyczaj odradzam użycie styli inline tak tutaj uważam, że można spokojnie użyć

Podobne pytania

0 głosów
1 odpowiedź 908 wizyt
0 głosów
2 odpowiedzi 669 wizyt
0 głosów
1 odpowiedź 709 wizyt
pytanie zadane 1 grudnia 2017 w JavaScript przez Q_Nick Mądrala (5,010 p.)

92,753 zapytań

141,672 odpowiedzi

320,389 komentarzy

62,100 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...