入门 CSS 自定义表单

Primer CSS是一个免费的开源 CSS 框架，它建立在创建基本样式元素（如间距、排版和颜色）的系统之上。这种系统化的方法确保我们的模式是稳定的并且可以相互操作。它的 CSS 方法受到面向对象的 CSS 原则、函数式 CSS 和 BEM 架构的影响。它具有高度可重用性和灵活性。它是使用 GitHub 的设计系统创建的。

Primer CSS 提供了可以使用各种类（如输入对比度和禁用）进行自定义的表单。在本文中，我们将讨论 Primer CSS 自定义表单以及示例。

入门 CSS 自定义表单类：

• input-contrast：该类用于为输入字段添加灰色背景对比度。

Primer CSS 自定义表单属性：

• disabled：此属性用于禁用输入字段。

句法：

示例 1：此示例通过input-contrast类演示如何使用 Primer CSS 自定义表单。

HTML

  

    
    

  

    
        

            GeeksforGeeks
        
          
        
Primer CSS Customization Forms
  
        

            
        
    

  

输出：

入门 CSS 自定义表单

示例 2：此示例演示了如何使用disabled属性来使用 Primer CSS 自定义表单。

HTML

  

    
    

  

    
        
GeeksforGeeks
        
Primer CSS Customization Forms
          
        

          
        
    

  

输出：

入门 CSS 自定义表单

参考： https://primer.style/css/components/forms#customization