Jquery-Ui Tab List

Question

Hello guys I'm using jquery-ui tabs. I want to change it's text color. I know how to do it but the real problem that I'm facing is that each list option has a anchor tab. Now due to some reason I gave that anchor tab this property color:#7e8c99 !important;.

If I remove this important it will disturb my UI so to change the color of the tab list text I did some inline styling and that worked out pretty well but the problem I started facing after it was when I select a tab I want to change the color of the text but I can't do it. Can you please tell me what can I do.

and one thing more I want t vertical small line with the selected option like this screenshot of the image.How can I achieve that

You should use the theme-roller from jQueryUI website to make your own theme: jqueryui.com/themeroller — ADreNaLiNe-DJ
– ADreNaLiNe-DJ, Commented Mar 16, 2016 at 8:04

Zamboney · Accepted Answer · 2016-03-16 08:08:52Z

1

try this

var elem = document.getElementById('myElement');
elem.setAttribute('style','color: #fff !important')

answered Mar 16, 2016 at 8:08

Zamboney

2,00712 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery-Ui Tab List

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related