2 pièce(s) jointe(s)
Changer l'apparence d'une checkbox.
Bonjour , je débute en CSS et en HTML
J'essaie de faire un menu burger pour mon responsive design , j'ai testé ce que je voulais faire sur une page html et css vierge et cela fonctionne comme je veux
Quand j’intègre le menu à mon site , j'arrive a changer l'apparence de la checkbox en une icone sur laquelle un clic va déclencher le déroulement du menu mais je comprend pas pourquoi j'ai un carré blanc au dessus qui n’était pas présent sur ma page vierge.
Ici la photo avec le bloc blanc
Pièce jointe 434532
Et le même code sur ma page vierge
Pièce jointe 434536
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
.menu .burger
{
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
color:black;
cursor:pointer;
font-family:'Material Icons';
font-size:30px;
line-height:50px;
margin:0;
outline:0;
padding:0;
position:absolute;
text-align:center;
top:0;
left:10px;
width:50px;
}
.menu .burger:before
{
content:'menu';
}
.menu .burger:checked:before
{
content:'close';
} |
Merci d'avance pour vos réponses ! :)
