[CSS] input text differenti

Monital

Monital

Utente Attivo
15 Apr 2009
778
2
18
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

cris8380

Moderatore
Membro dello Staff
MOD
3 Giu 2016
261
14
18
40
Ciao, cosa intendi per text piu piccole potresti spiegare meglio il problema, e se puoi inserire anche una parte dell'html
 
AdeKnite

AdeKnite

Utente Attivo
3 Ago 2016
161
35
28
30
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

Monital

Utente Attivo
15 Apr 2009
778
2
18
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
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
G Input checkbox in CSS HTML e CSS 0
SolidSnake4 stilizzare un pulsante tipo input type con css HTML e CSS 10
G classe CSS sovrascritta HTML e CSS 2
G file CSS contenente variabili HTML e CSS 1
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
L problema collegamento file css con html HTML e CSS 1
M CSS "puro" HTML e CSS 0
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
Z Google Fonts CSS tra desktop e responsive HTML e CSS 1
Z Slide show CSS HTML e CSS 1
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
S problema con css bootstrap3 HTML e CSS 4
L Sovrascrivere CSS iframe su dominio diverso WordPress 0
E CSS non riconosciuto PHP 1
Shyson [CSS] Posizionare casella di ricerca HTML e CSS 3
Shyson Centrare box css HTML e CSS 2
R Primo script in PHP / CSS PHP 4
S non funzionano alcuni effetti (bottone futuristico creato con css) HTML e CSS 1
V [CSS] Uso degli id HTML e CSS 2
I creazione stile css HTML e CSS 3
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
P [WordPress] Messaggio di errore in file style.css WordPress 0
D Aggiungere file .css esterno su Android HTML e CSS 4
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
StephenSoftware Flexbox: definizione nel CSS HTML e CSS 4
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
R javascript lettura css cross-browser Javascript 1
U [WordPress] [CSS] Come faccio a spostare più in basso lo slider WordPress 0
L [Javascript]Alternativa al position:sticky nel CSS Javascript 0
A Strumenti per filtrare il css HTML e CSS 1
S Il Css non si aggiorna, svuotata cache HTML e CSS 6
N [css] :active HTML e CSS 1
Shyson [WordPress] [CSS] Formattare casella WordPress 0
Shyson [CSS] Titolo del sito cambia dimensione HTML e CSS 2
A icone css in selectmenu jQuery 2
M Problematica CSS (tag html,body) HTML e CSS 4
W [C#] Il componente "WebBrowser" non mi esegue css e javascript .NET Framework 0
W inclusioni css in eccesso, cosa fare? HTML e CSS 1
M [WordPress] Modifiche CSS su lightbox WordPress 2
T countdown da sistemare con i CSS... HTML e CSS 4
Y Finestra dialogo CSS Modal HTML e CSS 6
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
D How to learn HTML and CSS? HTML e CSS 2
M CSS posizionamento stile HTML e CSS 2
I [HTML/CSS] Consigli sul mio primo sito HTML e CSS 9
V Galleria con CSS e Javascript Javascript 2
C CSS pagina a schermo intero HTML e CSS 3

Discussioni simili

Alto Basso