Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Jquery ui checkbox - button styling

Posted on 2016-11-01
3
Medium Priority
?
89 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 59

Accepted Solution

by:
Julian Hansen earned 2000 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 59

Expert Comment

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

Featured Post

Tech or Treat! - Giveaway

Submit an article about your scariest tech experience—and the solution—and you’ll be automatically entered to win one of 4 fantastic tech gadgets.

Question has a verified solution.

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

Requirements JQuery 1.6+ HTML CSS Introduction This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a page…
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
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…
Suggested Courses

618 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