Bonjour , 

je souhaiterais enlever deux petits trucs de design sur un morceau de form text :
Celui çi :http://imgur.com/gg6UZHy
J'aimerais enlever le contour bleu à la sélection de cette partie de formulaire mais également ce fond très sale lorsqu'on clique sur une suggestion de texte , pourriez vous m'aider ?

EDIT : La ligne

<input type="text" name="utilisateur" placeholder="" style="background-color:black; border-color:#fc281d;opacity: 0.9;color:#fc281d;"/>

-
Edité par Random15665465 22 juin 2017 à 12:50:41

Bonjour,

Peux-tu nous donner un bout de ton code, qu'on puisse reproduire ton problème ?

Je pense, spontanément qu'il faudrait voir au niveau de la sous-classe :active de ton input mais pas sur.

J'ai édité le sujet en mettant le morceau de code

Et je n'ai rien en relation avec ce code dans ma css. 

-
Edité par Random15665465 22 juin 2017 à 12:51:24

Hello,

tout est indiqué dans le code :

background-color : couleur de l'arrière-plan
border-color : couleur de la bordure
opacity : opacité
color : couleur (du texte)

suffit de changer les valeurs,

amuse-toi à modifier les valeurs pour voir les changements
si on enlève une propriété on aura les valeurs par défaut du navigateur

Quel est le problème exactement ?

Disons que le form text en temps normal est comme je le souhaite.

Mais dès que je le séléctionne , un coutour bleu apparait et me dérange. De plus , si je clique sur une proposition de texte pour un utilisateur déja entré "michel" , "ououou" ou autre j'ai le fond qui change et se met dans un beige très laid. J'aimerais donc connaitre quelles sont les modifications à apporter dans la css afin de pouvoir changer ces deux choses

Hello,

Pour la bordure :

outline: none; border: none;

-
Edité par Serelio 25 juin 2017 à 0:13:30

Désolé du retard , problème de connexion !

Serelio , je viens d'appliquer la outline, c'est ce que je recherchais ! Merci beaucoup

Par contre , le souci principal reste le design dans la css à mettre pour ceci :

Avant : 

http://imgur.com/4EVURPf

Après :

http://imgur.com/a/piLyH

C'est quand je choisi un utilisateur que mon navigateur à enregistré suite à une entrée précédente qu'il m'affiche ce fond blanc , qui ne correspond en rien à ce que je veux.

Je suppose que c'est un truc dans le style du , je créer une class et j'attribue une propriété pour le background qui doit resté toujours vide. (EDIT : Ah bah non , les background:none/transparent ne marchent pas).

Quelque chose du style pourrait marcher ?

input
{
	background-color:black;
	border-color:#c72425;
	opacity: 0.9;
	color:#c72425;
}
input[type=text]:focus
{
    background: none;
}

-
Edité par Random15665465 4 juillet 2017 à 15:31:34

Bonjour !

J'ai pris une vidéo afin de mieux expliquer mon problème.
Le background de mon input change si c'est un utilisateur enregistré (par Google Chrome). Et aussi lors de la sélection de ce dernier.

Video :

http://sendvid.com/i1jjiyt9

Voici la solution ! 

https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete

-
Edité par Random15665465 25 juillet 2017 à 14:27:01