Today, I'm very happy that I can change jQueryMobile select Box active style color in iPad safari. Because, current active style ".ui-btn-active" is 100% working for other inputs like text, radio and checkbox but for select box, it doesn't completely work in iPad safari. My boss told me that I need to change all of active input color to "dark blue" instead of default color. That's why I need to change and already played in existing jQueryMobile stylesheet file. But it doesn't work at all. That's why I think I need to hack jQueryMobile existing javascript. After 30 minutes, I found that there are three places I need to change in jQueryMobile existing stylesheet.

The first part is I need to add new class name for active select box in stylesheet.

After that, I need to declare above class name in jQueryMobile javascript file.

We need to add following coding after this "activeBtnClass: "ui-btn-active","

Final part is we need to change existing coding in line 3491.

Now what my boss told me to do is 100% working.

This entry was posted on May 19, 2011 at 10:41 PM and has received 3852 views. There are currently 0 comments. Print this entry.