Primer CSS 选择菜单消息

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

Primer CSS提供了对过滤、导航等有卓越帮助的选择菜单。在本文中，我们将讨论选择菜单消息。 Select Menu Message 使用SelectMenu-message类向用户显示各种消息。

入门 CSS 选择菜单消息类：

• SelectMenu-message：此类用于向最终用户显示任何消息。

句法：

  

     ...
  
      
  

    

      

        

          ...
        
        
          ...
        
        ...Select Menu
      
    
  

示例 1：此示例演示了如何使用 Primer CSS Select Menu 消息和错误消息。

HTML

  

  
  

  

  

    
 GeeksforGeeks 
    
 Primer CSS Select Menu message 
      
    

      

        Select any course to continue.
      
      

        

          

            

              OOP's! something went wrong.
            
             DSA
            
             DBMS
            
             Operating System
            
          
        
      
    
  

  

输出：

Primer CSS 选择菜单消息

示例 2：此示例演示了如何使用 Primer CSS Select Menu 消息和成功消息。

HTML

  

    
    
    

  

  

    
 GeeksforGeeks 
    
 Primer CSS Select Menu message 
      
    

      

        Select any course to continue.
      
      

        

          

            

              Well done!
            
             DSA
            
             DBMS
            
             Operating System
            
          
        
      
    
  

  

输出：

Primer CSS 选择菜单消息

参考： https://primer.style/css/components/select-menu#message