28172 sujets

CSS et mise en forme, CSS3

Bonjour
Je souhaite mettre entre [] quelques mots après le terme "Création de compte" sur la page https://j4test.88h.ovh/se-connecter?view=registration
je pense utiliser https://developer.mozilla.org/fr/docs/Web/CSS/::after
Le problème, c'est que c'est un fieldset. est-ce possible sinon tant pis je ciblerai le 1er (2ème éventuellement) jform_name-lbl


<form id="member-registration" action="/se-connecter?task=registration.register" method="post" class="com-users-registration__form form-validate" enctype="multipart/form-data">
                                                                    <fieldset>
                                                                <legend>Création de compte</legend>
                                        <div class="control-group field-spacer">
            <div class="control-label"><span class="spacer"><span class="before"></span><span class="text"><label id="jform_spacer-lbl" class=""><strong class="red">*</strong> Champ requis</label></span><span class="after"></span></span></div>
        <div class="controls">
                     </div>
</div>
<div class="control-group">
            <div class="control-label"><label id="jform_name-lbl" for="jform_name" class="required invalid">
    Nom<span class="star" aria-hidden="true">&nbsp;*</span><span class="form-control-feedback">Veuillez compléter ce champ</span></label>
</div>


rien que pour cibler , je n'y arrive pas ! Erreur bête ?

#member-registration[legend]{
border:2px dotted black;
  background: lightyellow;
}
Modérateur
Bonsoir,

c'est le legend du fieldset que tu veut probablement cibler, pas de soucis à priori Smiley smile
legend::after {
  content: '[ content ]';
}


Si c'est le fieldset lui même, idem, à priori pas de soucis:
fieldset::after {
  content: '[ content ]';
}


Cdt
Modifié par gcyrillus (02 Jun 2023 - 19:55)
Bonsoir
Ok c'est le 1er qui a fonctionné

#member-registration legend::after {
  content: '[ content2 ]';
}