Champs selctionés

[Kutos]

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.).
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

[Invité]

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++

[Kutos]

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;
}

[Invité]

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


a++

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

[FANCH 56]

[Kutos]

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

[Invité]

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

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++

[Threax]

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.
Il faudrait essayer avec !important pour voir si votre style serait prioritaire sur celui de Chrome, mais rien n'est sûr.

[Kutos]

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

[Threax]

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 )

[Kutos]

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