你可以在没有html更改的情况下覆盖白色和黑色的Jquery移动股票图标吗?

时间:2014-10-02 21:18:54

标签: jquery css jquery-mobile jquery-mobile-themeroller

我想覆盖默认图标而不需要像data-icon这样的自定义HTML标记。基本上,我应该能够覆盖默认集合的CSS。

我试过这个......

.ui-icon-delete:after {background-image:url("../img/assets/icon-close.svg");}
.ui-nosvg .ui-icon-delete:after {background-image: url("../img/assets/icon-close.png");}

但这对两种颜色格式的图标都不起作用。我也不想覆盖theme-roller的icons-png和icons-svg文件夹中的实际图像。

用于覆盖默认jquery移动图标的所有状态(包含和不包含光盘背景颜色)的完整CSS是什么?

1 个答案:

答案 0 :(得分:0)

您的代码取代了ui-icon-delete的白色版本。要替换黑色版本,请使用以下内容:

.ui-alt-icon.ui-icon-delete:after,
.ui-alt-icon .ui-icon-delete:after {background-image:url("../img/assets/icon-close-black.svg");}