How to remove the arrow from a select element in Firefox

Question

I\'m trying to style a select element using CSS3. I\'m getting the results I desire in WebKit (Chrome / Safari), but Firefox isn\'t playing nicely (I\'m not ev

Answer 1

I am styling the select just likes this

It works for me in FF, Safari and Chrome in all versions I've tested.

In IE I put:

 select::-ms-expand {
 display: none;
}
/*to remove in all selects*/


Also you can:
       .yourclass::-ms-expand {display: none;
    }
    .yourid::-ms-exapan {display: none;
    }
    

             

                                                        
            
            

              
                
                0
              
                   
                
               讨论(0)
              
                                                  
              
              

                          
             
       
          
              
                                       

     查看其它30个回答


            
                         

                    



               
            

    发布评论: