特定元素的diasble css風格？

如何在jquery或javascript甚至html代碼中設置複選框的默認樣式？或以其他方式如何禁用複選框的樣式。特定元素的diasble css風格？

有一個外部css文件，爲所有複選框設置樣式，但我想將樣式覆蓋爲特定複選框的默認樣式。

感謝

2011-01-29 user594659

這可以通過控制首先設置複選框樣式的CSS來簡化。

而不是你的頁面上的CSS爲所有常量（身體img輸入）鋪設樣式。相反，如果您想讓它們以特殊方式呈現，請將類分配給各個項目。

所以不要使用：


input { background: #000; }

用途：


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

檢查以確保您網站上的所有CSS是明確的常量，這將確保一切都設置爲默認在所有頁面，只在您選擇的樣式。

來源

2011-01-29 02:56:33 DoctorLouie

我在想外部的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"); 

} 
); 

}); 
});

來源

2011-01-29 02:47:52

請參閱：http://aaronweyenberg.com/90/pretty-checkboxes-with-jquery – 2011-01-29 02:53:31

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

但最現代的瀏覽器允許特定的CSS選擇器一樣

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

你可以用它來處理特定於複選框任何風格。

祝你好運。

來源

2011-01-29 02:50:00 andrewk

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

特定元素的diasble css風格？

回答

相關問題