Topic: [userContent] Evidenziare contorni form come in Chrom o Safari

[andrea.s]

Ciao a tutti
volevo chiedere se qualcuno sapeva un modo per far colorare o evidenziare i contorni dei form (dalla barra di ricerca di google ai form utente e password di Facebook) come avviene già in Google Chrome e Safari...

Grazie mille

[klades]

Non so cosa avviene in Chrome o Safari , però puoi provare a mettere queste righe nel file userContent.css (se non sai cos'è cerca nel forum):

Codice: [Seleziona]

input:not([type]), input[type="text"], input[type="password"], textarea {
-moz-appearance: none !important;
border: 2px solid black !important;
}

Questo crea un bordo nero piuttosto vistoso; puoi cambiare la grandezza mettendo 1.5px o altri valori al posto di 2px. Puoi cambiare lo stile mettendo - ad esempio - groove al posto di solid, e il colore mettendo - sempre ad esempio - green al posto di black.

[andrea.s]

Ok grazie mille! non sai se c'è qualche plugin o componente aggiuntivo?

[andrea.s]

Ho provato a mettere il codice e funziona...unica cosa è che vorrei che le celle form si colorassero solo una volta selezionate non sempre...

Grazie a chiunque mi aiuti!

[klades]

unica cosa è che vorrei che le celle form si colorassero solo una volta selezionate non sempre...

Codice: [Seleziona]

input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
        -moz-appearance: none !important;
        border: 2px solid black !important;
}


[andrea.s]

Grazie mille!

gentilissimo! scusa se ti chiedo un'ultima cosa da perfetto rompi********... per caso sai la riga di codice che si riferisce alla barra di navigazione e arrotondarla?

Grazie ancora

P.S è l'ultima cosa che ti chiedo sull'argomento!

edit: termine inopportuno offuscato da miki64.

[gialloporpora]

Prova con questo codice nell'userChrome.css (non più nell'userContent.css):

Codice: [Seleziona]

#urlbar-container{
-moz-border-radius: 2em !important;
}


[klades]

Oppure questo (sempre nell'userChrome.css) :

Codice: [Seleziona]

#urlbar{
-moz-appearance: none !important;
-moz-border-radius: 8px !important;
}

#identity-box {
-moz-border-radius-topleft: 8px !important;
-moz-border-radius-bottomleft: 8px !important;
}

Aumentando il valore di 8px aumenti la curvatura e viceversa.

[andrea.s]

Grazie mille!
Ho provato il codice e funzionata tutto!

Ultima cosa... per far colorare la form dell URL quando la seleziono??
Mi basterebbe anche solo un link per andarmelo a cercare da solo...così evito di chiedervi qualsiasi cosa...

Grazie ancora per la pazienza...