[HTML] Focus dell'input

Sarrio

Nuovo Utente
24 Set 2016
7
0
1
Perchè il seguente codice html e css
Codice:
<input class="searchBar" name="search" placeholder="Ciao" />





.searchBar {                                        /* CSS */
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;

    padding: 5px 50px 5px 20px;
    border: 2px solid #b7b7b7;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    font: normal 20px/normal "inherit", Times New Roman, Georgia, Serif;
    color: #2dcc0d;
    word-spacing: 16px;
    -webkit-box-shadow: 4px 4px 15px 4px rgba(0,0,0,0.2) ;
    box-shadow: 4px 4px 15px 4px rgba(0,0,0,0.2) ;
}
.searchBar:focus {
    border: 3px solid #ff7f00;
    -webkit-border-radius: 15px ;
    border-radius: 15px;
}

quando avviene il focus del campo il bordo non diventa arancione, bensì il campo viene circondato da un brutto rettangolo blu?
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Perchè non diventa arancione? A me si!
file_2016_10_31 17_34_06.png
 

AdeKnite

Utente Attivo
3 Ago 2016
161
35
28
30
Ciao. Ho provato a eseguire il tuo codice ed effettivamente, come hanno già confermato, il campo assume il bordo arancione, tuttavia a me compare ancora il rettangolo blu
.
Cattura.PNG


Per risolvere, basta che aggiungi l'attributo outline al focus e lo setti a none .
HTML:
.searchBar:focus {
    border: 3px solid #ff7f00;
    -webkit-border-radius: 15px ;
    border-radius: 15px;
    outline: none;
}

A volte capita che la pagina che ti viene restituita è quella conservata nella cache e che, quindi, non riesci a visualizzare alcune modifiche. Se pensi che possa essere il tuo caso, prova a svuotarla.
 
  • Like
Reactions: Sarrio
Discussioni simili
Autore Titolo Forum Risposte Data
G Pagina html in stringa PHP 2
E Sostituzione Elemento Html PHP 3
G Elementi HTML HTML e CSS 1
K Visualizzare del html responsive in una Webview Sviluppo app per Android 0
T Domanda valutazione html LinkedIn 2022 pt3 HTML e CSS 7
T Domanda valutazione html LinkedIn 2023 pt2 HTML e CSS 15
T Domanda valutazione html LinkedIn 2023 pt1 HTML e CSS 1
MarcoGrazia Salvataggio HTML in database PHP 2
K posizionare variabile da pagina html all'iframe. Javascript 1
peppe0703 Come Estrarre dati da db wordpress e richiamarli in html esterno HTML e CSS 0
L problema collegamento file css con html HTML e CSS 1
D Informazioni da XAMPP su HTML PHP 0
R Immagini html HTML e CSS 2
K File audio in html, chi mi può aiutare? HTML e CSS 0
K Aiuto con file audio in html HTML e CSS 1
Antonio67 Lanciare file shell bash da html HTML e CSS 2
M Riportare in tabella HTML dati estratti con query SQL MySQL 0
G Codice html Javascript 1
M Collegamento tra form html e script php PHP 4
L Ricezione dei dati su file php da modulo html PHP 6
F Creare elementi html con javascript Javascript 3
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0
W visualizzare solo file html e sottocartelle di una cartella PHP 1
C Dopo chiusura del tag php la stringa html va a capo PHP 1
G img html HTML e CSS 3
M Come fare un countdown in HTML? HTML e CSS 4
D Stampa a video in altra pagina html Database 3
A inserire variabile php colore in div html PHP 2
F Tv in html Offerte e Richieste di Lavoro e/o Collaborazione 1
N Script elenco file HTML HTML e CSS 5
L salvare codice html in mysql PHP 3
Cosina htaccess redirect 301 senza estensione html Web Server 6
E Errore di lettura php in html PHP 8
M HTML e PHP Offerte e Richieste di Lavoro e/o Collaborazione 3
C Form email php su pagina index.html? PHP 21
Shyson Meglio Javascript o HTML? Javascript 4
P inserimento icone social tramite html HTML e CSS 1
Z Mod_rewrite da HTML in PHP PHP 3
L Collegare un form html ad un database access Javascript 2
P HTML integrazione wordpress HTML e CSS 0
C [RISOLTO]Inserimento variabile php in input html PHP 20
L Eliminare estensione .html HTML e CSS 9
max1974 html in tooltip Javascript 0
C Risalire al php da html PHP 27
felino Esportare tabella HTML in PDF, quale libreria usare? Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
L [RISOLTO] Stampa a video risultato count in html PHP 13
V Servizio design pagina web e download in self contained html file Discussioni Varie 1
F [PHP] Form html PHP 2
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5

Discussioni simili