选择标签问题

Question

我在select代码中使用了以下css：

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;
}

此css也会影响文本。

Answer 1

您无法看到这些选项，因为在您的CSS中，您将文本的颜色设置为白色。

color: #fff;

只需移除上面的行，以便您的css看起来像：

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;
}

现在您也可以查看您的选项。

这是更新的小提琴：http://jsfiddle.net/UJMkN/1/

希望这有帮助。