Discussion :

[Merfolk]

Hello,
je souhaiterai remettre les styles d'un bout de page "aux styles par defaut"


ou ignorer un style... je crois que ce n'est pas possible est qu'il faut redéfinir explicitement.

je veux bien le faire, mais je ne connais pas les styles par defaut


concrètement mon problème est le suivant :

j'hérite d'une css qui rédéfinit tout, en enlevant tout, mais alors tout. plus de marges, plus de border, plus rien, couleur en blanc taille petit etc...

(je ne peux pas la modifier)

et j'aimerais faire apparaitre les formulaires correctement

mais quelles sont les attributs des button & input text, pour qu'ils ressemblent à un bouton normal et une zone identifiable visuellement ? (blanc sur blanc sans bord ça ne le fait pas)

merci

[HiRoN]

Bonsoir,

Quelque chose dans ce style ?

[Merfolk]

c'est pile poil ça dans le lien que j'ai donné
mais ça ne restaure pas tout

ça ne parle de border style par exemple, tout ça a été raz par la css globale

[HiRoN]

c'est pile poil ça dans le lien que j'ai donné
mais ça ne restaure pas tout

ça ne parle de border style par exemple, tout ça a été raz par la css globale

Autant pour moi, je n'avais pas vu le lien dans le lien...
Effectivement, si certaines chose sont manquantes, il serait sympathique de trouver quelque chose de plus complet / pertinent, pourtant site du W3C...

[Erwan31]

Bonsoir,
problème typique de ce genre de reset CSS abusif qui implique de redéfinir les styles de certains éléments, celui du sélecteur universelle (j'imagine), chose que je te déconseille. Il est moins risqué de redéfinir et d'homogénéiser les marges, padding par défaut des éléments les plus communs comme les paragraphe, les titres ect.

Exemple:

Code :

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

1
2
3
4
ul,ol,form,body {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin: 1em 0 .5em;}
h5, h6 {font-size:1em}
p {margin: 0 0 .8em;}

Sinon si tu as Firefox, pour connaître ses styles par défaut, tu dois ouvrir les fichiers html.css et forms.css (celui on tu trouveras le style par défaut de l'input) qui se trouvent dans le répertoire res (sur Windows en tous cas) à l'intérieur du dossier de Firefox dans Program Files.

[HiRoN]

Le sujet m'intéressant, je suis aller voir
Les fichiers CSS se trouve dans Program Files/Mozilla Firefox/res/ (pour une installation par défaut)

Dans ton cas, le fichier forms.css serait pertinent, on peut y trouver des choses comme :

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
15
16
17
18
 
input[type="reset"],
input[type="button"],
input[type="submit"] { 
  -moz-appearance: button;
  padding: 0px 6px 0px 6px;
  border: 2px outset ButtonFace;
  background-color: ButtonFace;
  color: ButtonText; 
  font: -moz-button;
  line-height: normal !important;
  white-space: pre;
  cursor: default;
  -moz-box-sizing: border-box;
  -moz-user-select: none;
  -moz-binding: none;
  text-align: center;
}

Mais le CSS étant optimisé, il vaudrait mieu que tu regardes par toi-même...

[Merfolk]

oui merci, mes boutons ressemblent déjà plus à quelque chose
je mets en résolu