Solved

Jquery ui checkbox - button styling

Posted on 2016-11-01
3
73 Views
Last Modified: 2016-11-02
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
Comment
Question by:Panos
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 57

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 41869714
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
 
LVL 2

Author Comment

by:Panos
ID: 41869879
Hi Julian Hansen
I checked this and it is working fine. I didn t though about a stylesheet solution. Thank you very muych.
0
 
LVL 57

Expert Comment

by:Julian Hansen
ID: 41869963
You are most welcome.
0

Featured Post

Major Incident Management Communications

Major incidents and IT service outages cost companies millions. Often the solution to minimizing damage is automated communication. Find out more in our Major Incident Management Communications infographic.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

There are a couple ways to attach a JavaScript function to dynamically created elements. You can make a new script for each element as it’s created or you can use delegation. Delegation allows a single script that is added at page creation to mat…
Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

688 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question