Visualizzazione risultati 1 fino 8 di 8

Discussione: Nascondere pulsanti laterali dell'iinput "number" [CSS]

  1. #1
    Guest

    Predefinito Nascondere pulsanti laterali dell'iinput "number" [CSS]

    Ciao. Vorrei sapere se è possibile rimuovere (non personalizzare) i due bottoncini che ci sono al lato dell'input "number".

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,752

  3. #3
    Guest

    Predefinito

    Citazione Originalmente inviato da alemoppo Visualizza messaggio
    Grazie mille

  4. #4
    Guest

    Predefinito

    Citazione Originalmente inviato da alemoppo Visualizza messaggio
    Scusate se mi intrometto, io ho 2 input, ma vorrei nascondere i bottoncini solo a uno. Il codice trovato su google li toglie a tutti

  5. #5
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,752

    Predefinito

    Con:
    Codice:
    input[type=number]
    Ovviamente selezioni tutti gli input number della pagina. Valgono le solite regole CSS, quindi ad esempio potresti eliminare i pulsanti soltanto agli input che hanno una certa classe:

    css:
    Codice:
    input[type=number].mod::-webkit-inner-spin-button, 
    input[type=number].mod::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
    }
    Codice HTML:
    <input id="input-number-mod" type="number" value="123"> <!-- normale -->
    <input id="input-number-mod" class="mod" type="number" value="456"> <!-- senza pulsanti -->
    Ciao!
    Ultima modifica di alemoppo : 24-09-2014 alle ore 16.49.13

  6. #6
    Guest

    Predefinito

    Ho messo così ma i bottoni appaiono ancora

    Codice PHP:
    .moneyCarrello1 {
    background-color: #efefef;
    width: 50px;
    height: 20px;
    font-size: 0.9em; color: #000fff;
    border: 0px;
    }

    input[type=number].mod::-webkit-inner-spin-button,
    input[type=number].mod::-webkit-outer-spin-button {
    -
    webkit-appearance: none;
    margin: 0;
    }

    ...

    <
    input class="moneyCarrello1" id="input-number-mod" type="number" name="moneyCarrello1" value="18.00">

  7. #7
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,752

    Predefinito

    Appunto, soltanto agli elementi con classe ".mod" vengono nascosti i pulsanti:
    Codice HTML:
    <input class="moneyCarrello1 mod" id="input-number-mod" type="number" name="moneyCarrello1" value="18.00">
    Immagino che tu non abbia capito quel che ho scritto nella prima risposta.

    Ciao!

  8. #8
    Guest

    Predefinito

    Citazione Originalmente inviato da alemoppo Visualizza messaggio
    Appunto, soltanto agli elementi con classe ".mod" vengono nascosti i pulsanti:
    Codice HTML:
    <input class="moneyCarrello1 mod" id="input-number-mod" type="number" name="moneyCarrello1" value="18.00">
    Immagino che tu non abbia capito quel che ho scritto nella prima risposta.

    Ciao!
    Ora funziona, però con Firefox non va
    Ultima modifica di gruppoalveo : 24-09-2014 alle ore 18.57.57 Motivo: modifica

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •