特定元素的diasble css风格？

问题描述：

如何在jquery或javascript甚至html代码中设置复选框的默认样式？或以其他方式如何禁用复选框的样式。特定元素的diasble css风格？

有一个外部css文件，为所有复选框设置样式，但我想将样式覆盖为特定复选框的默认样式。

感谢

答

这可以通过控制首先设置复选框样式的CSS来简化。

而不是你的页面上的CSS为所有常量（身体img输入）铺设样式。相反，如果您想让它们以特殊方式呈现，请将类分配给各个项目。

所以不要使用：


input { background: #000; }

用途：


<style> 
.mystyle { background: #000; } 
</stlye> 
</head> 
<body> 
<input type="checkbox" class="mystyle">

检查以确保您网站上的所有CSS是明确的常量，这将确保一切都设置为默认在所有页面，只在您选择的样式。

我在想外部的CSS是不可接触的。所以，如果这是真的，只需向输入添加一个类（如你所说），并设置该类将覆盖在元素上设置的样式。类和ID样式比元素样式具有更高的优先级。 – JakeParis 2011-01-29 03:20:39

答

您可以使用jQuery重置的CSS值...像

$(this).css("color","red");

------------ --------样本----

$(document).ready(function() { 

/* see if anything is previously checked and reflect that in the view*/ 
$(".checklist input:checked").parent().addClass("selected"); 

/* handle the user selections */ 
$(".checklist .checkbox-select").click(
function(event) { 
event.preventDefault(); 
$(this).parent().addClass("selected"); 
$(this).parent().find(":checkbox").attr("checked","checked"); 

} 
); 

$(".checklist .checkbox-deselect").click(
function(event) { 
event.preventDefault(); 
$(this).parent().removeClass("selected"); 
$(this).parent().find(":checkbox").removeAttr("checked"); 

} 
); 

}); 
});

请参阅：http://aaronweyenberg.com/90/pretty-checkboxes-with-jquery – 2011-01-29 02:53:31

答

我使用css'!important只要我想覆盖一些值。

但最现代的浏览器允许特定的CSS选择器一样

input[type="checkbox"] { 
      //insert style here 
    }

你可以用它来处理特定于复选框任何风格。

祝你好运。

这是正确的答案。 – Amit 2011-01-29 23:56:22

特定元素的diasble css风格？

相关推荐