CODEWITHSUNDEEP
csshtmlfirefox
Patrick Sterza
Patrick Sterza

Reputation: 55

custom drop down not working IE and Firefox

I have a custom img for my dropdown option menu and i tried other browser like Internet Explorer and FireFox...

My Code:

textarea {
    background: #9d9d9d;
    color: #000000;
    width: 90%;
    padding: 5px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.styled-select {
   width: 88%;
   height: 30px;
   overflow: hidden;
   background: url('../img/down.png') no-repeat right #9d9d9d;
   border: 1px solid #ccc;
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}

This is the drop down on firefox

This is the Drop Down on Internet Explorer

First Img is for Firefox the Second img is for Internet Explorer

Upvotes: 1

Views: 728

Answers (1)

Caio César
Caio César

Reputation: 26

For I.E:

select::-ms-expand
{  
 display: none;
}

For Firefox: 

.select
{
-moz-appearance: none; 
 appearance: none;    
 text-overflow: ''; 
}

Upvotes: 1

Related Questions