2 pièce(s) jointe(s)
Retirer le contour blanc autour d'un input search
Salut, alors voilà, j'essaye de retirer de contour ou bordure blanc autour d'un input=search comme ceci :
Pièce jointe 584585
Cependant rien ne marche :/
Code:
1
2
3
| .search-bar:focus {
outline-width: 0;
} |
Ne marche pas, ceci enlève complétement les contours (même le violet que je veux garder)
Si quelqu'un peut m'aider svp :/
PS :
Je viens de remarquer en testant des trucs que ce n'est peut être pas le truc blanc que je dois enlever mais modifier sa couleur car en écrivant ce code :
Code:
1
2
3
4
| .search-bar:focus {
background-color: #101010;
outline-color: #101010;
} |
On a ceci : Pièce jointe 584587
C'est quoi ce truc blanc :/
PROBLEME RESOLU : SOLUTION ci dessous !
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| .search-bar {
border-radius: 7px;
padding-left: .75rem;
height: 35px;
background-color: #464649;
appearance: none;
border: var(--border-width-input) solid var(--color-border-input);
color: #FAFAFA;
outline: none;
}
.search-bar:focus{
border: solid 1px #A970FF;
} |
Merci a NadfriJS !
