Loading...

Search jQuery

Search

jQuery Forum

List active button color

in jQuery Mobile • 9 years ago

Hi all,

I have a list with links like below,

<div data-role="content">
        <ul data-role="listview" data-theme="d">
            <li><a href="example1.html">First</a></li>
            <li><a href="example2.html">Second</a></li>
            <li><a href="example3.html">Third</a></li>
        </ul>
</div>

I tried changing the color when I click on it, so I did it on .ui-btn-active, but text color remains white whatsoever. Please help me to change text color.

Note: I am using jQM 1.3.2.

Thanks in advance!!

1

Replies(6)

Godsbest

Re: List active button color

9 years ago

After you changed the color did you call the button's refresh method? $( 'button' ).button( 'refresh' );

Re: List active button color

9 years ago

I thought this is just a CSS change, no?

Everything else (background, border, etc) works but font color.

watusiware

Re: List active button color

9 years ago

Show us how you tried to change it.

Re: List active button color

9 years ago

I tried changing .ui-btn-active like,

.my-list .ui-btn-active{
    color:red !important; //Only this property not working
    background-image:none;
    background:blue;
}

Godsbest

Re: List active button color

9 years ago

Try this:

.ui-btn-active {
background-image:none;
background:blue;
}
.ui-btn-active a {
color:red !important;
}

Re: List active button color

9 years ago

Thank you, just the one I am looking for

.