Question

如何使用 js || jQuery || css 清除 HTML Label 控件上的全局css效果？

设定全局CSS
label {
display: block;
float: left;
width: 100px;
padding: 5px 10px 0 0;
font-weight: bold;
text-align: right;
}
<label> Hello World! </label>
问：如何使用 js || jQuery || css 清除 Label HTML控件上的全局css效果;
再不允许删除全局代码（可另写代码）、不允许更换控件(只用Label控件)的情况下使 label 控件 不受全局CSS的效果影响;
即去除 Label 控件上的 display , float , width ,pdding, font-weight, text-align 的效果
如何能做到？

Answer 1

全局样式只能覆盖不能用js去除
你可以写个css
label{display:inline;float:none;width:auto;padding:0px;font-weight:normal;text-align:left}
放到全局样式后边
或者jquery方法是
$("label").css("display","inline")
$("label").css("float","none")
$("label").css("width","auto")
$("label").css("padding","0px")
$("label").css("font-weight","normal")
$("label").css("text-align","left")

追问

感谢你的回答
$(".qcys").css({width:"auto",display:"inline",float:"none",padding:"auto",font:"normal",text:"left"});
另 -- 我写错这个形式 最后2个参数 font:"normal",text:"left" 为什么要这样写，如果写成font-weight , text-align 则会报错 这是什么原因？

追答

key中在不加引号括起来的时候必须是 字母下划线数字的组合，而且开头不能是数字，你写成
font-weight js会认为你是做减法运算,"font-weight" 加上双引号就没问题了

Answer 2

$("label").css({
display: "inline",
float: "none",
width: "auto",
padding: 0,
fontWeight: "normal",
textAlign:"left"
});

Answer 3

用jquery 去除label的style属性
$("label").removeAttr("style");

追问

我试过你说的 $("label").removeAttr("style"); 没有任何效果 因为我没有在 label控件上 写 style 这个属性 所以删除不了