Rimuovere definifizioni CSS ereditate e assegnate direttamente a un TAG

[masdel1979]

Buongiorno a tutti,
ho un problema ricorrente che rimando sempre e non ho mai risolto.

Lavoro su un sito web dove hanno creato un CSS generale che viene applicato a tutto il sito e che non posso annullare per ovvi motivi (dentro ci sono le classi per i menu, footer, etc).

Purtroppo, dentro questo CSS è stata definita una classe "odiosa" come segue:

input{
  border: 1px solid #f6f6f6 !important;
}

Ovviamente adesso, il problema è che nelle mie sottopagine, mi trovo questa regola applicata a tutte le input e ovviamente il cliente ha chiesto uno stile diverso per tutte le input..... tralasciamo i miei commenti e pensieri...

Chiedo a voi, c'è un modo per "eliminare", "forzare" o "non so cosa" questo maledetto bordo e ridefinirlo di nuovo?

Ovviamente come già spiegato il CSS non lo posso rimuovere e non è stata assegnata una classe, ma le definizioni sono state date direttamente al TAG!

ho già provato a mettere così:

input{
  border: 1px solid #000000 !important;
}

ma niente....

Ciao e grazie Max

[KillerWorm]

ho già provato a mettere così:

input{
  border: 1px solid #000000 !important;
}

ma niente....

Ciao, quello che hai già provato dovrebbe essere una delle poche soluzioni da considerare in questo caso; soltanto, accertati che la tua regola venga "letta" solo dopo la prima che vuoi sovrascrivere, così che possa avvenire l'override di tale regola, cioè che il tuo foglio di stile sia incluso solo dopo quello generale.

Ovviamente come già spiegato il CSS non lo posso rimuovere e non è stata assegnata una classe, ma le definizioni sono state date direttamente al TAG!

Diverso è il caso in cui il CSS è applicato direttamente al tag tramite l'attributo style e usando la clausola !important. Se questo è il tuo caso allora il discorso è diverso, bisognerebbe modificare il codice HTML per rimuovere tali regole.

[Vincent.Zeno]

se ho ben capito devi solo modificare i valori per il tag input
e, se ho letto bene, è quello che hai fatto.

se non ne vedi il risultato probabilmente è perché non viene caricato il css modificato.
premi ctrl+f5 per aggiornare pagina e contenuti.
fai sapere come va...