html - 更改下拉菜单上的箭头？

您可以在这里查看我遇到问题的页面示例：

http://demo.easythemepro.com/?themedemo=AnimeLight

在底部栏的右侧，您将看到一个选择不同主题的选项。我正在尝试将向下箭头更改为图像。这是我的代码：

background: url("http://www.easythemepro.com/img/arrow-right.png") no-repeat scroll 95% 53% #2B2B2B;

我到底在做什么错？我的图片似乎没有显示在我的末端...

最佳答案

在您的default.css文件中，我看到以下内容（已编辑）：

.wptdb_jumpbar_select option {
  background: url("http://www.easythemepro.com/img/arrow-right.png") no-repeat scroll 95% 53% #2B2B2B;
}

...但是检查页面时，您似乎要更改的样式适用于.wptdb_jumpbar_select。

因此，您将CSS应用于错误的元素。尝试：

.wptdb_jumpbar_select {
  background: url("http://www.easythemepro.com/img/arrow-right.png") no-repeat scroll 95% 53% #2B2B2B;
}

关于html - 更改下拉菜单上的箭头？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19888573/