Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 - 8: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 Sam 28 Juil - 22: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++
avatar

Milouze14
Membre actif

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

https://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 - 9: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 - 10: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++
avatar

Milouze14
Membre actif

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

https://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 - 10:39

Baston
avatar

FANCH 56
Membre actif

Masculin
Messages : 13259
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 Dim 29 Juil - 16: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 Dim 29 Juil - 20: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++
avatar

Milouze14
Membre actif

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

https://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 - 3: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.
avatar

Threax
Membre actif

Masculin
Messages : 17276
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û - 10: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û - 7: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)
avatar

Threax
Membre actif

Masculin
Messages : 17276
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û - 11: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