Question

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

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

感谢您的帮助

克星

Answer 1

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

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

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

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

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

Answer 2

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

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

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

Demo

Answer 3

请参阅此答案：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);

Answer 4

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

执行此操作

<input disabled="disabled">

Answer 5

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

在jQuery中删除或更改CSS伪类

5 个答案: