Как нацелить div класс в форме - PullRequest
0 голосов
/ 22 апреля 2019
<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>

Я хочу применить CSS border-radius к этому классу, но он не работает

Перепробовал все варианты выше, такие как:

.ur-form-row {border-radius: 20px;}

Ответы [ 3 ]

0 голосов
/ 22 апреля 2019

присваивает border и border-radius классу ввода текста

  .input-text  
  {
  border: 1px solid;
  border-radius: 26px;
  }
<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>
0 голосов
/ 22 апреля 2019

вот оно. просто добавьте этот CSS в конец вашего стиля и добавьте «makeRadius» в ваш класс ввода.

.makeRadius {
  border-radius: 8px 8px 8px 8px;
}
<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" />
0 голосов
/ 22 апреля 2019

Попробуйте добавить границу до радиуса к элементу

.ur-form-row input {
border:1px solid black;
border-radius: 20px;
}[it works fine check the image](https://i.stack.imgur.com/qrWq4.png)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...