Question

我有一个似乎无法定位的按钮。

我尝试使用：

.wpcf7-form-control .wpcf7-submit {border-radius：2px;}

这是html：

 <p><label> Your Message<br />
 <span class="wpcf7-form-control-wrap your-message">. 
 <textarea name="your-message" cols="40" rows="10" 
 class="wpcf7-form-control wpcf7-textarea" aria- 
 invalid="false"></textarea></span> </label></p>
 <p><input type="submit" value="Send" class="wpcf7- 
 form-control wpcf7-submit" /></p>
 <div class="wpcf7-response-output wpcf7-display- 
 none">.   </div></form></div>
 </div><!-- .entry-content -->
 <footer class="entry-footer">
  <span class="edit-link"><a

Answer 1

这应该可以工作（注意不要有空格）

 .wpcf7-form-control.wpcf7-submit {border-radius: 2px;}

Answer 2

这应该有效

input.wpcf7-.form-control.wpcf7-submit{border-radius:2px;color:green; background:red;}

<p><label> Your Message<br />
 <span class="wpcf7-form-control-wrap your-message">. 
 <textarea name="your-message" cols="40" rows="10" 
 class="wpcf7-form-control wpcf7-textarea" aria- 
 invalid="false"></textarea></span> </label></p>
 <p><input type="submit" value="Send" class="wpcf7- 
 form-control wpcf7-submit" /></p>
 <div class="wpcf7-response-output wpcf7-display- 
 none">.   </div></form></div>
 </div><!-- .entry-content -->
 <footer class="entry-footer">
  <span class="edit-link"><a

在联系表单中定位按钮

2 个答案: