how to style checkbox using jquery?

Question

I am styling check-box in HTML using Jquery, but its not appearing in the browser . when i checked the browser element property it is showing the style has applied to the element but its not showing in the browser . This is my Jquery code

$("form :checkbox:checked").css("border", "3px solid green");

I am using jquery version 2.2.2, I have checked 1.9.1,1.10,1.12 all are failing and I am using Firefox version 45 and chrome version 49.x . here is the Jsfiddle version of this code source code in jsfiddle

Do you need something like this jsfiddle.net/o93f3za6/4 or this jsfiddle.net/o93f3za6/5 ?? — Pugazh
– Pugazh, Commented Apr 5, 2016 at 6:27
i appreciate you answer and i know its works that way , is it my code version is old or deprecated ? — user891193
– user891193, Commented Apr 5, 2016 at 6:34

user5563910 · Accepted Answer · 2016-04-05 06:31:08Z

1

Try using outline instead of border, like this:

$("document").ready(function(){
  $('form input:checkbox:checked').css("outline", "3px solid red");
})

fiddle: https://jsfiddle.net/rdawkins/36ccvk4h/7/

answered Apr 5, 2016 at 6:31

user5563910

Sign up to request clarification or add additional context in comments.

2 Comments

user891193 Over a year ago

thanks man that worked. border is the problem and its worked with outline.

user5563910 Over a year ago

Glad I could help :)

B.P · Accepted Answer · 2016-04-05 06:41:05Z

0

try this

$( "form input:checkbox:checked" )
  .wrap( "<span></span>" )
  .parent()
  .css({
    border: "3px red solid"
  });

https://jsfiddle.net

answered Apr 5, 2016 at 6:41

B.P

1717 bronze badges

Collectives™ on Stack Overflow

how to style checkbox using jquery?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related