Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di Dadoo
    Registrato dal
    Nov 2001
    Messaggi
    411

    css su oggetti input del form e personalizzazione

    Ragazzi,
    ho il seguente css impostato

    form, td, tr,input {
    font:11px verdana, sans-serif;
    }

    praticamente tutti gli oggetti <input> del form hanno font 11 pixel.
    vorrei però sul seguente oggetto all'interno di un div personalizzare il font:

    Questo l'html
    <div id="form-buttons-menu">
    <input type="radio" class="inputAction" name="Azione" id="conSalva" value="1"><label for="conSalva">Salva</label>
    <input type="radio" class="inputAction" name="Azione" id="conApprovaBozza" value="2"><label for="conApprovaBozza">Apporva Bozza</label>
    <input type="radio" class="inputAction" name="Azione" id="conApprovaInvia" value="3"><label for="conApprovaInvia">Approva e Invia</label><input type="submit" class="inputSubmit" name="btnSave" value="Azione">
    </div>

    Questo il css associato:
    .inputAction {
    font:20px verdana, sans-serif;
    }

    form, td, tr,input {
    font:11px verdana, sans-serif;
    }

    #form-buttons-menu {
    margin:0;
    padding: 0 0 0 10px;
    background: url(../images/stripe.gif);
    height:30px;
    }

    purtroppo la classe inpuAction sembra non avere effetto...non vedo i font da 20px
    cosa sbaglio ?

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Intanto dovesti scambiare l'ordine nel CSS: prima ci vanno le direttive generali e poi quelle specifiche; altrimenti le specifiche successive sovrascrivono le prime.

    Comunque la vedo dure cambiare il font per un oggetto che non ha parti scritte.
    Infatti in quel codice la classe "inputAction" e` applicata ad oggetti input di tipo radio, che non hanno in se` parti scritte. La parte scritta e` la label, che pero` non e` influenzata da quella classe.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it L'avatar di oronze
    Registrato dal
    Jun 2001
    Messaggi
    3,543
    form, td, tr,input {
    font:11px verdana, sans-serif;
    }
    .inputAction {
    font:20px verdana, sans-serif;
    }

    prova invertendo le specifiche

    No ai layout tabellari!

    Insulto libero: http://forum.html.it/forum/showthread.php?s=&postid=12524872#post12524872

  4. #4
    Utente di HTML.it L'avatar di Dadoo
    Registrato dal
    Nov 2001
    Messaggi
    411
    ho risolto agendo sulla <label> una classe

    esempio:
    <input type="radio" name="Azione" id="conSalva" <Computed Value>><label for="conSalva" class="label-Action-Form">Salva</label>

    questo il css

    label {
    color:#333;
    font-weight: bold;
    margin-right:5px;
    margin-top:0px;
    }

    .label-Action-Form {
    font:12px verdana, sans-serif;
    color:red;
    font-weight: bold;
    margin-right:5px;
    margin-top:0px;
    }

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.