Question

Okay,

gonna do my best to explain my problem the most clearly possible.

I need to change the CSS of certain element on my website, built in JQuery Mobile.

Let’s say I right click a button, select inspect element, chrome opens the debugger and I can see the source. Fine.

But now let’s say I want to see the source of a button, WHEN, it is clicked.

Basically, JQuery creates 2 states for a button. For example,

there is this, for a button

.ui-btn-up-c

and then this, for a button with a mouse hover on it

.ui-btn-hover-c 

Now, I have clickable elements in a list. I was able to do an inspect element and change the CSS, but when I click, there’s somehow another class and the default CSS applies. See Picture :

tl/dr; Basically, I’m having a hard time clearly explaining my problem but I’m trying to inspect element on an element when it’s clicked…

Please tell me if it isn’t clear before downvoting, Thanks !!!

Answer 1

Try creating a function that does $(button).addClass(“.ui-btn-hover-c”) and run it in the console.

Or for a simpler option, you can add classes manually in Chrome’s inspector by just editing the code itself within the inspector.