Question

------------------------
id | group_value_list
------------------------
1  | [5,15]

1  | [500]

2  | [1500, 300...]
...

我想将css <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>应用于此类，但无法正常工作

尝试了以上所有选项，例如：

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

Answer 1

尝试在元素的半径之前添加边框

.ur-form-row input {
border:1px solid black;
border-radius: 20px;
}[it works fine check the image](https://i.stack.imgur.com/qrWq4.png)

Answer 2

将边界和边界半径赋予输入文本类

  .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>

Answer 3

在这里。只需将此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" />

如何在表单中定位div类

3 个答案: