CODEWITHSUNDEEP
css
Shalini Subramani
Shalini Subramani

Reputation: 502

select tag issue

I have used following css for select tag:

select {
  background-color: transparent;
  border: 1px solid #A96800;
  color: #fff;
  font-family: "Verdana","Lucida Fax","Lucida Grande","Lucida Sans   Unicode",Arial,sans-serif;
  font-size: 10pt;
  height: 21px;
  margin-bottom: 5px;
  padding-left: 3px;
  width: 260px;
}

This css affects the text also.

Upvotes: 0

Views: 122

Answers (1)

talha2k
talha2k

Reputation: 25650

You are unable to see the options because in your css, you are setting text's color to white.

color: #fff;

Just remove the above line so that your css looks like:

select {
  background-color: transparent;
  border: 1px solid #A96800;
  font-family: "Verdana","Lucida Fax","Lucida Grande","Lucida Sans   Unicode",Arial,sans-serif;
  font-size: 10pt;
  height: 21px;
  margin-bottom: 5px;
  padding-left: 3px;
  width: 260px;
}

Now you can view your options as well.

Here's the updated fiddle: http://jsfiddle.net/UJMkN/1/

Hope this helps.

Upvotes: 2

Related Questions