CSS :placeholder-shown 选择器

CSS :placeholder-shown伪类选择具有占位符文本的输入元素或 textarea 元素。之间的主要区别：占位图示和::占位符是：占位符图示的是选择输入时本身正在显示占位符文本，而::占位符是给予风格的占位符文本。

句法：

:placeholder-shown
{
   /* CSS Property */ 
}

示例 1：以下示例说明了:placeholder-shown属性的使用。

HTML

  

    

  

  
    
GeeksforGeeks
    

  

输出：

示例 2：以下示例说明了:placeholder-shown属性的使用。

HTML

  

    

  

    
GeeksforGeeks
  
    

        

            Enter Geek Name:
            
        
  
        

            Enter Geek ID:
            
        
    

  

输出：

支持的浏览器：

• 铬合金
• 火狐
• 苹果浏览器
• 歌剧
• 边缘
• Internet Explorer(不支持)。