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