【CSS系列】CSS 实现必填项前/后添加红色星号

在一些必填项的标签加星，来提示用户，怎么实现呢？请看本文介绍的两种方法。

1 . 常规写法

  

   

    

     

    
    

     

      <label><span style="color:red;">* </span>孙叫兽 : </label>
     
    
   

    

     

    
    

     

      <input type="text" value=""/>
     
    
  
 

 2 . CSS写法(更简洁方便 , 而且便于统一调整样式)

  

   

    

     

    
    

     

      <style>
     
    
   

    

     

    
    

     
 label.xrequired:before {
     
    
   

    

     

    
    

     
 content: '* ';
     
    
   

    

     

    
    

     
 color: red;
     
    
   

    

     

    
    

     

       }
     
    
   

    

     

    
    

     

      </style>
     
    
   

    

     

    
    

     

      <label class="xrequired">孙叫兽 : </label>
     
    
   

    

     

    
    

     

      <input type="text" value=""/>
     
    
  
 

文章来源: sunmenglei.blog.csdn.net，作者：孙叫兽，版权归原作者所有，如需转载，请联系作者。

原文链接：sunmenglei.blog.csdn.net/article/details/115473774