CSS for Hide arrow for select list tag - HTML CSS CSS Form

HTML CSS examples for CSS Form:input select

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input select

Description

CSS for Hide arrow for select list tag

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">

select {<!-- ww w  .j ava 2  s . com-->
   -webkit-appearance: none;
   -moz-appearance: none;
   text-indent: 1px;
   text-overflow: '';
}


      </style> 
 </head> 
 <body> 
  <select name="" id="" class=""> 
     <option value="">--None--</option> 
     <option value="-">-</option> 
     <option value="AK">AK</option> 
     <option value="AL">AL</option> 
     <option value="AR">AR</option> 
     <option value="AS">AS</option> 
     <option value="AZ">AZ</option> 
     <option value="CA">CA</option> 
     <option value="CO">CO</option> 
     <option value="CT">CT</option> 
     <option value="DC">DC</option> 
     <option value="DE">DE</option> 
     <option value="FL">FL</option> 
     <option value="FM">FM</option> 
     <option value="GA">GA</option> 
     <option value="GU">GU</option> 
     <option value="HI">HI</option> 
     <option value="IA">IA</option> 
     <option value="ID">ID</option> 
     <option value="IL">IL</option> 
     <option value="IN">IN</option> 
     
     <option value="KS">KS</option> 
     <option value="KY">KY</option> 
     <option value="LA">LA</option> 
     <option value="MA">MA</option> 
     <option value="MD">MD</option> 
     <option value="ME">ME</option> 
     <option value="MH">MH</option> 
     <option value="MI">MI</option> <option value="MN">MN</option> <option value="MO">MO</option> <option value="MP">MP</option> <option value="MS">MS</option> <option value="MT">MT</option> <option value="NC">NC</option> <option value="ND">ND</option> <option value="NE">NE</option> <option value="NH">NH</option> <option value="NJ">NJ</option> <option value="NM">NM</option> <option value="NV">NV</option> <option value="NY">NY</option> <option value="OH">OH</option> <option value="OK">OK</option> <option value="OR">OR</option> <option value="PA">PA</option> <option value="PR">PR</option> <option value="PW">PW</option> <option value="RI">RI</option> <option value="SC">SC</option> <option value="SD">SD</option> <option value="TN">TN</option> <option value="TX">TX</option> <option value="UT">UT</option> <option value="VA">VA</option> <option value="VI">VI</option> <option value="VT">VT</option> <option value="WA">WA</option> <option value="WI">WI</option> <option value="WV">WV</option> <option value="WY">WY</option> </select>  
 </body>
</html>

Related Tutorials