magento - 如何在 Magento 中设置“排序依据”下拉框的样式

Question

我正在尝试使用 css 在 magento 产品网格页面上设置“排序依据”下拉框的样式。

我认为自己非常擅长使用 css 定位和样式化元素，但是对于我的生活，我无法找到或设置这个下拉框的样式。

我已经使用input.input-text:focus,select:focus,textarea:focus { background-color:#FFCCFF; }styles.css 中的第182 行来设计背景。但在鼠标悬停时找不到悬停元素（蓝色）..？

我尝试过设置“选择选项”以及 :focus 和 :hover 的各种组合

我也看过一些 javascript 但在那里看不到任何东西..？

任何帮助将不胜感激实时网址是http://www.magento.ledgemonkey.com/index.php/shoes.html?dir=asc&order=price

Answer 1

我没有看到这样的表单元素的 :hover 规则集......所以只需添加另一个规则。

input.input-text:hover,select:hover,textarea:hover { background-color:#FFCCFF; }

我知道要过多地修改强大的 magento 样式表是很犹豫的。但它是你的。发疯。