• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 95
  • 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
0
Panos
Asked:
Panos
  • 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.
0
 
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.
0
 
Julian HansenCommented:
You are most welcome.
0

Featured Post

Vote for the Most Valuable Expert

It’s time to recognize experts that go above and beyond with helpful solutions and engagement on site. Choose from the top experts in the Hall of Fame or on the right rail of your favorite topic page. Look for the blue “Nominate” button on their profile to vote.

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