Bonjour,

Je me lance dans l'utilisation de PrimeFaces .... et de javaee en fait.
J'ai fais le formulaire de connexion suivant, en utilisant le thème afternoon et comme vous pouvez le voir, les zones de libellés sont colorées avec une teinte plus foncée.

J'ai bien trouvé la solution, à savoir en ajoutant : l'attribut background:none à ma feuille de style, mais je ne comprends pas pourquoi je dois faire cela.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
.panelSansBordure tr, .panelSansBordure td {
	border: none;
	background: none;
}
Voici la page xhtml :
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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<f:view locale="#{changeLocale.locale}">
	<h:head>
		<title>Connexion</title>
		<h:outputStylesheet library="css" name="styles.css" />
	</h:head>
	<body>
		<h:form id="connexionForm">
			<p:growl id="growl" life="2000" />
			<div style="text-align: center">
				<p:panelGrid columns="1" style="margin-bottom:15px;" layout="grid">
					<f:facet name="header">
						<h:outputText class="titreLogin" value="Connexion" />
					</f:facet>
					<p:panelGrid columns="2" styleClass="panelSansBordure">
						<h:outputText value="Nom d'utilisateur :" />
					</p:panelGrid>
					<p:inputText id="login" value="#{connexionForm.login}" size="25" />
 
					<p:panelGrid columns="2" styleClass="panelSansBordure">
						<h:outputText value="Mot de passe :" />
					</p:panelGrid>
					<p:password id="password" value="#{connexionForm.password}" size="25" />
 
					<p:panelGrid columns="2" style="margin-bottom:15px"
						styleClass="panelSansBordure">
						<p:selectBooleanCheckbox value="#{connexionForm.isRemembered}" />
						<h:outputText value="Se souvenir de moi" />
					</p:panelGrid>
					<p:commandButton value="Connexion" id="doLogin" update="growl"
						actionListener="connexionForm.anthenticate}"
						styleClass="ui-icon-login" />
				</p:panelGrid>
			</div>
 
			<p:commandLink id="forgetLogin" update="growl"
				actionListener="#{connexionForm.forgetLoginData}">
				<h:outputText class="lien" value="Login ou mot de passe oublié" />
			</p:commandLink>
		</h:form>
	</body>
</f:view>
</html>
Et la feuille de style complète :
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
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
/* 
Document   : style
Created on : 30.03.2015
Author     : auth
Description:
Purpose of the stylesheet follows.
*/
 
/* ----------     Formulaires     ----------*/
 
#formulaire {
   position:absolute;
   top:50%;
   left:50%;
   width:1400px;
   height:1000px;
   margin-left:-700px; /* -largeur/2 */
   margin-top:-500px; /* -hauteur/2 */
   background:red;
}
 
#connexionForm {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 200px;
	margin-left: -150px; /* -largeur/2 */
	margin-top: -300px; /* -hauteur/2 */
}
 
/* ----------     Panels     ----------*/
 
.panelSansBordure tr, .panelSansBordure td {
	border: none;
	background: none;
}
 
/* ----------     Tableaux     ----------*/
 
.columnCenter {
	text-align: center;
}
 
/* ----------     Icônes     ----------*/
 
.ui-icon-login{
    background-image: url("${request.contextPath}/resources/images/icones/loginKey.png");
}
 
 
/* ----------     Divers     ----------*/
 
.titreLogin {
	font-size: 25px;
	font-weight: bold;
	text-align: right;
}
 
.lien {
	 font-size: 14px;
	 text-decoration: none;
}
Nom : Login.png Affichages : 104 Taille : 28,5 Ko

Qqun a-t-il une idée ?
Merci d'avance pour votre aide