如何使用jquery设置样式复选框？

Question

我使用Jquery在HTML中设置样式复选框，但它没有出现在浏览器中。当我检查浏览器元素属性时，它显示样式已应用于元素但未在浏览器中显示。 这是我的 Jquery 代码

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

我正在使用jquery版本2.2.2，我已经检查了1.9.1,1.10,1.12都失败了，我使用的是Firefox 45和chrome版本49.x。 这是此代码的{Jsfiddle版本source code in jsfiddle

Answer 1

尝试使用轮廓而不是边框​​，如下所示：

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

小提琴： https://jsfiddle.net/rdawkins/36ccvk4h/7/

Answer 2

试试这个

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

https://jsfiddle.net