[CSS] input text differenti

Monital · 2016-08-06T08:34:22+0200

Buongiorno ragazzi,

ho un piccolo problema sicuramente stupido ma mi sto perdendo

ho questo css nel codice

Codice:

#div input[type="text"] {
  background: white;
  border: 1px solid red;
  color: red;
  width: 150px;
}

però ho la necessità dia vere delle text più piccole da 25px e non c'è verso, uqalsiasi input text me la mette a 150 px. ho provato di tutto ma niente da fare.

provato a creare un id a parte ma niente una class aparte ma niente
ed anche così

Codice:

#div input.min[type="text"] {
  background: white;
  border: 1px solid red;
  color: red;
  width: 150px;
}

NIENTE.

Disperazione mode on
potete aiutarmi?

cris8380 · 2016-08-06T12:32:09+0200

Ciao, cosa intendi per text piu piccole potresti spiegare meglio il problema, e se puoi inserire anche una parte dell'html

AdeKnite · 2016-08-06T14:41:07+0200

Ciao, per ovviare a questo problema, ti basta evitare di richiamare nel CSS l'oggetto input, richiamando i singoli elementi con delle classi apposite. Mi spiego meglio: assegni a tutti gli input una classe comune (e.g. class="input") e una classe per ogni categoria di input di cui hai bisogno (e.g. class="max" e class="min").

Puoi vedere qui un esempio.

Ecco il codice.

HTML:

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <style type="text/css">
            .input {
            background: white;
            border: 1px solid red;
            color: red;
            display: block;
            }
            .max {
            width: 150px;
            }
            .min {
            width: 25px;
            }
        </style>
    </head>
    <body>
        <input type="text" class="input max" />
        <input type="text" class="input max" />
        <input type="text" class="input max" />
        <input type="text" class="input min" />
        <input type="text" class="input min" />
        <input type="text" class="input min" />
    </body>
</html>

Monital · 2016-08-09T09:10:28+0200

mmmm..provo e ti faccio sapere

Monital · 2016-08-09T10:24:17+0200

allora il mio mmmm era dovuto dal fatto che avevo già fatto na prova del genere e non mi era andata quindi ho pensato che forse avrei dovuto inserire il css in home invece no. tuto ero dovuto dalla cache di chrome. infatti in firefox adesso me le cambiava. tutto risolto. Grazie. Utilissimi come sempre

Jonn · 2016-08-10T07:25:29+0200

In poche parole bastava fare CTRL + F5

Cerca

Cerca

[CSS] input text differenti

Monital

Utente Attivo

cris8380

Moderatore

AdeKnite

Utente Attivo

Monital

Utente Attivo

Monital

Utente Attivo

Jonn

Utente Attivo

Discussioni simili