Hi all,
I am doing similar project like touch style where i will display the items similar to touch style but on clicking of an item i want to change the image of that item through CSS how can i achieve this function.
I tried with this code but no luck
Code:
.menu-list-items .x-item-pressed {
background-image: url('data:image/png;base64,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',70px,90px) !important;
}
Thanks
Ram