CODEWITHSUNDEEP
htmlcss
gsiradze
gsiradze

Reputation: 4733

set background of select tag same on parent div's background

I'm trying to make language switcher like this:

enter image description here

I have added 

select {
border: none;
background: url(../Photos/bg.png) no-repeat;
}

but after that it looks like:

enter image description here

how can i improve that?

I dont know why but in jsfiddle everything is ok. but in browser it's different

JSFIDDLE

Upvotes: 0

Views: 51

Answers (1)

Andrea Ligios
Andrea Ligios

Reputation: 50203

Your code works in Firefox, but doesn't work in IE (you should have specified this in the question, TBH).

Instead of trying to uniform the way each browser paint the box around the second background image, the Egg of Columbus is to set the background transparent:

select {
  background : transparent;
      border : none;
       color : white;
}

Demo

Upvotes: 1

Related Questions