Autor Zpráva
Hanj
Profil *
Ahoj, potřebuju poradit. Mám formulář s povinnými a nepovinnými položkami a potřebuju doplnit * k těm co musí být vyplněny:

 <label for="name">Jméno</label>
 <input type="text" id="name" required>

css:
label:after{content: ":"} doplnění dvojtečky za label
label>input[required]{content:"*"} nefunguje 

Děkuji za radu
Trejpa
Profil
Hanj:
label>input[required]{content:"*"} nefunguje
Nemůže:
1) Chybí ti tam pseudoelement, třeba :after.
2) Selektor „>“ značí potomka, musel bys mít <input> zanořený v <label>.
3) Když vynecháš „label>“, tak ti půjdou na <input> použít všemožné styly, jen ne content. Ten lze použít jen na obsahové elementy (ty, které mezi počáteční a koncovou značku umožňují zobrazit text).


Přímo v kaskádových stylech jako jediné řešení vidím v přenesení informace [required] na obsahového sourozence, kterého musíš doplnit i do HTML:

label:after { content: ":" }
input[required]+i:before { content: "*" }
<label for=name>Jméno</label>
<input id=name name=name required><i></i>

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: