在jQuery中删除或更改CSS伪类

时间:2011-06-24 10:33:01

标签: javascript jquery css

一个简单的问题,如此简单 - 是否可以使用jQuery删除或改变CSS伪类?或任何其他Javascript方法

具体来说,我想摆脱:专注于投入。我不能以任何方式直接改变CSS文件。

感谢您的帮助

克星

5 个答案:

答案 0 :(得分:4)

  

我不能直接改变CSS文件   无论如何。

假设你只能 使用JavaScript来做到这一点,我想不出更好的事情:

$('head').append('<style>input:focus{background:#fff}</style>');

您必须单独重置每个属性。 font-weight:normalcolor:#000 - 无论您需要什么。

请参阅: http://jsfiddle.net/jqpAu/

答案 1 :(得分:3)

如果没有更具体的细节,很难准确回答,但如果你想要,你可以覆盖:focus风格:

// in the CSS file
input:focus {background-color: red;} 

// in your page
input:focus {background-color: inherit;} // overrides with the parent background

Demo

答案 2 :(得分:2)

请参阅此答案:Setting CSS pseudo-class rules from JavaScript

我认为您正在寻找一种动态添加CSS的方法。示例:http://jsfiddle.net/zkMCY/

代码:

var style = '\
    <style type="text/css">\
        a:hover{ color: #a55; }\
    </style>';
$('body').append(style);

答案 3 :(得分:-1)

如果您想要实际阻止用户使用您的输入,请通过html:

执行此操作
<input disabled="disabled">

答案 4 :(得分:-2)

您可以使用$(selector).removeClass(className)