<div class='ur-form-row'>
<div class="ur-form-grid ur-grid-1"
style="width:99%">
<div class="ur-field-item field-user_login">
<p class="form-row validate-required"
id="user_login_field" data-priority=""><label
for="user_login">Username <abbr class="required"
title="required">*</abbr></label><input data-rules=""
data-id="user_login" type="text" class="input-text input-
text ur-frontend-field " name="user_login" id="user_login"
placeholder="" value="" required="required" data-
label="Username" /></p>
</div>
I want to apply css border-radius to this class but it doesn't workTried all the options above such as:.ur-form-row {border-radius: 20px;}
3 Réponses :
Essayez d'ajouter une bordure avant le rayon de l'élément
.ur-form-row input {
border:1px solid black;
border-radius: 20px;
}[it works fine check the image](https://i.stack.imgur.com/qrWq4.png)
Merci mais qui ajoute simplement une bordure à la forme dans son ensemble et applique 20 px frontière-rayon à celui-ci. Ce que je veux, c'est que chaque boîte d'entrée individuelle ait 20 px frontière-rayon.
entrée {frontière-rayon: 20px; }
essayez cette entrée. frontière-rayon: 20px; }
Donnez la bordure et le rayon de frontière à la classe d'entrée-texte
p>
<div class='ur-form-row'> <div class="ur-form-grid ur-grid-1" style="width:99%"> <div class="ur-field-item field-user_login"> <p class="form-row validate-required" id="user_login_field" data-priority=""><label for="user_login">Username <abbr class="required" title="required">*</abbr></label><input data-rules="" data-id="user_login" type="text" class="input-text input- text ur-frontend-field " name="user_login" id="user_login" placeholder="" value="" required="required" data- label="Username" /></p> </div>
S'il vous plaît vérifier la sortie en extrait et laissez-moi savoir si c'est comme ça que vous voulez
ici c'est. Ajoutez simplement cette CSS à la fin de votre style et ajoutez "Makeradius" à votre classe d'entrée.
p>
<input data-rules="" data-id="user_login" type="text" class="input-text input- text ur-frontend-field makeRadius" name="user_login" id="user_login" placeholder="" value="" required="required" data- label="Username" />
Ok, puis changez .Makeradius à #user_login. c'est fait!
C'est si génial, et ça marche, mais je veux que toutes les cases soient changées et que cela change simplement la connexion de l'utilisateur
Ensuite, vous pouvez remplacer #user_login avec juste "entrée" comme ceci: entrée {Border-rayon:} ou utilisez-le-texte
Quelle est la valeur ?
Que veux-tu dire?
Vous ne pourrez pas appliquer un
frontière-rayon à un élément qui n'a pas de frontière . :)D'accord. Je veux dire où puis-je trouver cette information? La page est adsler.co.uk/dating