CODEWITHSUNDEEP
cssjquery-mobilebuttonhyperlink
vidulaJ
vidulaJ

Reputation: 1270

Add a .CSS style element to a link button in JQuery Mobile

I want to add a Style to a link button element in JQuery. Following is my code which is not working. How can I achieve this? Any suggestions?
Here is the HTML

<div data-role="content">
    <a href="#" class="linkBUTTONS" data-role="button" onclick="exitLogin()">EXIT</a>
</div>

Here is the CSS.

.linkBUTTONS{
    color: #1dace3;
}

Any help is much appreciated, as I am pretty new to HTML/CSS and JQuery Mobile.

UPDATE
When I put it like this, style as an attribute of the given link, it works.

<a href="#" style="color: #1dace3;" data-role="button" onclick="exitLogin()">EXIT</a>

But when I put it in a separate StyleSheet it doesn't work.

Upvotes: 1

Views: 491

Answers (1)

DasBoot
DasBoot

Reputation: 479

Check for the precedence. There maybe other rules that override your style. You can check all this in developers mode. Also you can try writing rules with !important. Did you try changing class name to link-buttons or something other? Example

.link-buttons {
     color: red!important;
}

Upvotes: 1

Related Questions