Champs selctionés

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Champs selctionés

Message par Kutos le Sam 28 Juil 2012 - 16:45

Bonjours, je cherche comment désactiver les bordures oranges des champs. Sur mon forum j'ai mis en place des nouvelle bordure un peu plus classe mais bizarrement sur chrome (mon navigateur habituel) je vois se superposer deux bordures la orange (#ff8a00) et ma la mienne (rgba(82, 168, 236, 0.Cool).
Voici ce que je vois depuis chrome :

Mais sur Firefox j'obtiens çà:

Et sur IE j'obtiens aucun des deux mais je m'enfiche de ce navigateur.

http://fracasshache.taguilde.net

Kutos
Nouveau membre

Messages : 5
Inscrit(e) le : 28/07/2012

http://fracasshache.taguilde.net/
Kutos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champs selctionés

Message par Milouze14 le Dim 29 Juil 2012 - 6:12

Salut Kutos,
tu veux parler des modules de réponses (ainsi que la réponse rapide) ?
Tu as déposé quoi dans ta feuille de style (CSS) pour avoir ce rendu stp?

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4561
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champs selctionés

Message par Kutos le Dim 29 Juil 2012 - 17:45

Code:
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border: 5px;
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
 
  /* IE6-9 */

  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 12px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 12px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 12px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 3px 0;
  *margin-top: 0;
  /* IE7 */

  line-height: normal;
  cursor: pointer;
}

Kutos
Nouveau membre

Messages : 5
Inscrit(e) le : 28/07/2012

http://fracasshache.taguilde.net/
Kutos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champs selctionés

Message par Milouze14 le Dim 29 Juil 2012 - 18:16

@Milouze14 a écrit:Salut Kutos,
tu veux parler des modules de réponses (ainsi que la réponse rapide) ?


a++

tu peux au moins répondre ?????
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4561
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champs selctionés

Message par FANCH 56 le Dim 29 Juil 2012 - 18:39

Baston

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champs selctionés

Message par Kutos le Lun 30 Juil 2012 - 0:11

Oui, c'est bien de ça que je parle Wink
J'avais lu trop vite ton message désolé Razz

Kutos
Nouveau membre

Messages : 5
Inscrit(e) le : 28/07/2012

http://fracasshache.taguilde.net/
Kutos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champs selctionés

Message par Milouze14 le Lun 30 Juil 2012 - 4:21

Salut Kutos,
attention aux bordures trop épaisses ( 5px ) Wink .

Dans ta feuille de style colle ceci:
Code:

textarea
{
border:5px solid;
border-color: rgba(82, 168, 236, 0.8);
}
.wysiwyg
{
border:5px solid;
border-color: rgba(82, 168, 236, 0.8);
height:80%;
}


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4561
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champs selctionés

Message par Threax le Lun 30 Juil 2012 - 11:48

Bonjour,

Chrome ajoute son propre style sur le focus des champs de formulaire (input, textarea, ...). C'est pour ça que votre style et celui de Chrome se superpose. Wink
Il faudrait essayer avec !important pour voir si votre style serait prioritaire sur celui de Chrome, mais rien n'est sûr.

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champs selctionés

Message par Kutos le Mer 1 Aoû 2012 - 18:30

Salut !
J'ai essaye de copier ton code Milouze mais se ne marche pas (j'ai essaye ton code avec :focus puis brute).
Et mettre !important ne sert à rien fait, je ne pense pas que se soit une règle default de chorme, je pense plus à une règle du css par Default avec !important. Pour information je modifie juste les partie du css par Default qui m’intéresse. On peut voir se sur forum la même bordure.
En tous cas merci de vous creusé la tête pour moi Bravo2

Kutos
Nouveau membre

Messages : 5
Inscrit(e) le : 28/07/2012

http://fracasshache.taguilde.net/
Kutos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champs selctionés

Message par Threax le Jeu 2 Aoû 2012 - 15:54

Si, c'est le CSS par défaut de Chrome.
(cf : http://monstertut.com/2012/04/remove-outline-input-forms-chrome-onfocus/ pour le retirer, à tester Wink)

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champs selctionés

Message par Kutos le Jeu 2 Aoû 2012 - 19:18

Ça marche bien Threax, Merci à toi Very Happy !
Merci à tous de m'avoir répondu !

Kutos
Nouveau membre

Messages : 5
Inscrit(e) le : 28/07/2012

http://fracasshache.taguilde.net/
Kutos a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum