Discussion :

[Tobilepetit]

Salut, alors voilà, j'essaye de retirer de contour ou bordure blanc autour d'un input=search comme ceci :


Cependant rien ne marche :/

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.search-bar:focus {
  background-color: #101010;
  outline-color:  #101010;
}

On a ceci :

C'est quoi ce truc blanc :/


PROBLEME RESOLU : SOLUTION ci dessous !

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !