| 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 |
#2 · Zasláno: 8. 7. 2014, 00:11:00
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> |
||
|
Časová prodleva: 10 let
|
|||
0