JQueryMobile

Da lwiki.

icone custom

Qui il problema è non scassare le icone standard ma anche non dover reinserire ventisette proprietà per ogni singola benedetta icona custom che si volesse avere.

Soluzione: tutte le icone custom iniziano con un prefisso (my-) e si usa un selettore CSS che supporta il match parziale.

.large-buttons .ui-btn  .ui-icon{
		width:  24px;
		height: 24px;
}

.ui-icon[class*='ui-icon-my-'] {
    background-repeat:		no-repeat;	
    background-position:	center center;
    background-attachment:	scroll;
    background-size:		100% 100%;
}
	
.ui-icon-my-brands {
	background-image: url(../img/brands.png);
}

.ui-icon-my-cart {
	background-image: url(../img/cart.png);
}

.ui-icon-my-search {
	background-image: url(../img/loupe.png);
}