如何在 jQuery 中查找作为表单后代的所有输入并用红色虚线边框标记它们？

任务是找到所有作为表单后代（子项或孙项）的输入，并使用 jQuery 用红色虚线边框标记它们。

使用的方法和选择器：

1. parent 后代选择器：此选择器用于选择作为指定元素的后代的所有元素。

   句法：

   ("parent descendant")

2. css() 方法：该方法用于为所选元素设置或返回一个或多个样式属性。

方法：

• 使用表单元素及其组件（如字段集或输入等）创建 HTML 页面。
• 使用父后代选择器选择表单元素的输入。
• 最后，应用一些 CSS 样式以显示适当的结果。

例子：

HTML

  
  
  
  
  
  
   
  
      body{
          text-align:center;
          font-size:20px;
      }
     form {
        border: 5px green solid;
        padding: 2px;
        margin: 0;
        background: lightgreen;
     }
    div {
      color: red;
     }
    fieldset {
        margin: 1px;
        padding: 3px;
    }
  
  
  
  
      GeeksforGeeks
  
  
      
     
       First name:
     
     
     
     
       Last name:
     
     
     
     
       Enter your email:
     
     
     
     
       Birthday:
     
     
     
     
        Number:
     
     
     
     
  
    
    
  
      $( "form input" ).css( "border", "2px dotted red");
  
  
  

输出：