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

Question

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

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

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

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

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

Answer 1

在您的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;
}