• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 111
  • Last Modified:

Jquery ui checkbox - button styling

Hello experts.
I need help to add/remove a css style (ui-button-checked) to my checkbox button (I need a blue border colour if checked)
This is a second part from this solution Jquery ui checkbox
jsfiddle solution code is here
  • 2
1 Solution
Julian HansenCommented:
You can try this
input.ui-helper-hidden-accessible:checked + button {
  border: 1px solid blue;

Open in new window

What this is saying is - when the hidden checkbox (the one behind the visible button) is checked then take the button element that is immediately after it and change its border to blue.
PanosAuthor Commented:
Hi Julian Hansen
I checked this and it is working fine. I didn t though about a stylesheet solution. Thank you very muych.
Julian HansenCommented:
You are most welcome.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now