Background-color barré dans la console

**moimp** · 13/11/2020, 09h46

Bonjour,
Dans la console, j'ai la propriété background-color qui est rayée avec une image de point d'exclamation. Au survol de l'image une infobulle indique:

Valeur de propriété non valide.

Je ne comprends pas pourquoi.
Je précise que cette propriété a déjà été prise en compte et que c'est après une suite de modifications de mon code php/html que je rencontre cette difficulté.
Voici mon code (avec la ligne 6 barrée dans la console):

Code :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
.footForm
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	background-color:ccc; /* Ligne barrée dans la console */
	padding:5px;
	width:46rem;
}
.footForm div
{
	display:flex;
	justify-content:center;
}
.footForm label
{
	margin-left:30px;
	margin-right:5px;
	width:auto;
}
.footForm label:first-child
{
	margin-left:0;
}
.footForm input[type='submit']
{
	width:7rem;
}
.footForm input[type='checkbox']
{
	width:auto;
}

Pour info je vous envoi le fichier de rendu (simplifié). Je ne comprends pas pourquoi dans ce rendu, j'ai 2 lignes vides ajoutées avant le DOCTYPE. Elle ne figurent pas dans le code.

Code html :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
 
 
 
<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Titre</title>
 
		<meta http-equiv="Expires" content="-1" />
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
 
		<script type="text/javascript" src="http://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=WEtYYxbNmXucJbYAW5GkcaWqtThMwcHqhEU9BudfLqX0InhR_IH-LFd8ijJ4KqxvZapCniQjso1DXt0iK7XaENSHOwkAOd43IpIJ4gZ1u12mh6VOB2ILvFy2Gd6rUzuQ" charset="UTF-8"></script><base href="http://sirep.proginet.local" />
 
		<link rel="stylesheet" media="all" type="text/css" href="../css/structure.css" />
		<link rel="stylesheet" media="all" type="text/css" href="../css/screen.css" />
		<link rel="stylesheet" media="print" type="text/css" href="../css/print.css" />
			</head>
 
	<body>
 
		<section>
 
			<div id="left">
 
<nav class="mainNav">
	<nav>
		<!-- menu -->
	</nav>
</nav>
 
			</div>
			<article id="right">
 
 
<div class="menuH">
	<ul>
		<li class='currentTab'><a href="main.php?page=1&tab=1">Adresse</a></li>
		<li><a href="main.php?page=1&tab=2">Interlocuteurs</a></li>
		<li><a href="main.php?page=1&tab=3">Commercial</a></li>
	</ul>
</div>
 
 
<form method="post" action="">
	<div class="formFlex">
		<div>
			<b><label for="company_name">Nom</label></b>
				<input type="text" id="company_name" name="company_name" value="Société Française de Construction" required maxlength="60"><br/>
			<label for="company_fullname">Complément</label>
				<input type="text" id="company_fullname" name="company_fullname" value="" maxlength="60"><br/>
			<b><label for="address1">Adresse 1</label></b>
				<input type="text" id="address1" name="address1" value="2 Rue du Pont des Chèvres" required maxlength="60"><br/>
			<label for="address2">Adresse 2</label>
					<input type="text" id="address2" name="address2" value="" maxlength="60"><br/>
			<label for="country">Pays</label>
				<select name='country' id='country' required='required'><option value='' label='&lt; Sélectionner &gt;'></option><option value='AF'>Afghanistan</option><option value='CH'>Suisse</option><option value='ZW'>Zimbabwe</option></select><br>
			<label for="zipcode">Code postal</label>
				<input type="text" id="zipcode" name="zipcode" value="01000" required maxlength="60"><br/>
			<label for="locality">Commune</label>
				<input type="text" id="locality" name="locality" value="Bourg en Bresse"required maxlength="60"><br/>
		</div>
		<div>
			<label for="language">Langue utilisateur</label>
				<select name='language' id='language'><option value='' label='&lt; Sélectionner &gt;'></option><option value='nb'> Norwegian Bokmål;norvégien bokmål</option><option value='zu'>zoulou</option></select><br>
			<label for="id">Clef</label>
				<input type="text" name="id" value="2950" readonly><br>
		</div>
	</div>
</form>
 
 
<form method="post" action="http://sirep.proginet.local/frontend/customerMainHandler.php" class="footForm">
	<div>
		<label for="isFavourit">Ajouter aux favoris</label><input type="checkbox" id="isFavourit" name="isFavourit" value="1">
		<label for="favourites">Favoris</label><select name='favourites' id='favourites'><option value='' label='&lt; Sélectionner &gt;'></option><option value='2951'>Weber GmbH</option><option value='2953'>SOMAB</option></select>		<label for="latest">Récents</label><select name='latest' id='latest'><option value='' label='&lt; Sélectionner &gt;'></option><option value='2950'>Société Française de Construction</option><option value='2951'>Weber GmbH</option><option value='2953'>SOMAB</option></select>	</div>
	<div>
		<input type="submit" name="save" value="Enregistrer">
		<input type="submit" name="new" value="Nouveau">
		<input type="submit" name="del" value="Supprimer" title="Attention, cette action supprimera complètement le client.">
		<input type="submit" name="print" value="Imprimer" title="Impression de la fiche client">
		<input type="submit" name="VCF" value="Carte de visite" title="Enregistre les données au format carte de visite VCF.">
	</div>
</form>
 
<script src="../js/footForm.js"></script>
 
 
 
 
			</article>
 
		</section>
 
 
<footer class="footer">
	<br/>&nbsp;
	<hr/>
 
	</body>
</html>