Autor Zpráva
luma64
Profil
Zdravím, potrebujem na stránke použiť zobrazenie pre viacero vstupných polí typu text. Rôzne štýly. Ako sa takéto zobrazenie vytvoria a najmä ako sa do html zavolajú.

Mám css:
.vstup input[type="text"],  .vstup input[type="email"],  .vstup textarea, .vstup select 
{
    color: #555;
    font: normal 14px Arial, Helvetica, sans-serif;
}

Ako vytvorím ďalší a ako ich zavolám do html kódu aby sa zobrazil iný, farebne odlišný input typu text (o tento mi teraz ide ). Ďakujem.
Tomáš123
Profil
luma64:
Ako vytvorím ďalší a ako ich zavolám do html kódu aby sa zobrazil iný, farebne odlišný input typu text (o tento mi teraz ide ).
Pridaj danému inputu triedu.

V CSS potom vzhľad deklaruješ pomocou selektora: input[type=text].trieda. Prípadne, ak sa ti triedy nebudú opakovať pri rôznych typoch, bude stačiť input.trieda.
luma64
Profil
No a aká je v html syntax pre volanie takejto vytvorenej triedy z css ?
Radek9
Profil
luma64:
Ehm
<input type="text" class="trieda">
luma64
Profil
Ďakujem, pomohlo mi to ! Len neviem si vysvetliť, prečo sa inputbox zobrazí pod textom a nie v tom istom riadku.

html kód:
Rod. číslo:<input type="text" name="rc" class="rc" value="<?php echo $_POST["rc"];?>">

časť css:
input[type="text"].rc
{
  
    color: #fff;
    background: #c2f0f0;
    font:normal 14x/1.5em Courier, Arial, serif;color:#FFFFFF;
    font-weight: bold;
    font-size: normal;
    width: 100px;
    height: 20px;

}
Tomáš123
Profil
luma64:
Asi tam nie je dosť miesta. Uvedená časť kódu je v poriadku. Pre konkrétnejšiu radu potrebujeme živú ukážku.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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