簡単な質問ですが、とにかくjQueryを使用してCSS疑似クラスを削除または変更することは可能ですか?または他のJavascriptメソッドを使用してjQueryでCSS擬似クラスを削除または変更する
特に私は取り除きたい:入力に焦点を当てたい。私はCSSファイルを直接変更することはできません。
バスター
簡単な質問ですが、とにかくjQueryを使用してCSS疑似クラスを削除または変更することは可能ですか?または他のJavascriptメソッドを使用してjQueryでCSS擬似クラスを削除または変更する
特に私は取り除きたい:入力に焦点を当てたい。私はCSSファイルを直接変更することはできません。
バスター
任意の助け
おかげで、あなたが実際にあなたの入力を使用してからユーザーを防ぐためにしたい場合は、あなたのhtmlを経由していることを行う$(selector).removeClass(className)
これは疑似要素/クラスでは機能しません – apnerve
を使用することができます。
<input disabled="disabled">
具体的な詳細がなくても、正確に答えるのは難しいですが、必要ならば:focus
のスタイルをオーバーライドすることができます:
// in the CSS file
input:focus {background-color: red;}
// in your page
input:focus {background-color: inherit;} // overrides with the parent background
CSSを編集できないと言っています – fearofawhackplanet
@fearofawhackplanet:彼はCSS _file_を編集できません。 – Town
@fearofawhackplanetはい。たとえ彼が提供されたCSSファイルを編集できなくても、インラインでも自分のファイルでも自分のスタイルで上書きすることができます。効果的に、これはすべてのJavascriptソリューションがやっていることです - オリジナルを上書きするスタイルを挿入するので、純粋なCSSで行うことができれば、それは最もクリーンなソリューションです。 –
この回答を参照してください: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);
は、私が直接 どのような方法でCSSファイルを変更することはできません。あなたはだけこれを行うにはJavaScriptを使用できると仮定すると、
、私はより良いものを考えることはできません:あなたは個別に各プロパティをリセットする必要があります
$('head').append('<style>input:focus{background:#fff}</style>');
。 font-weight:normal
、color:#000
- 必要なものは何でも。
を参照してください:あなたがフォーカスイベントのgetridしたいか、それはクラス名であるhttp://jsfiddle.net/jqpAu/
? – Vivek
擬似クラスを使用する既存のスタイルを上書きしたいのですか? –
私はイベントを完全に取り除く必要があります。残念ながら、クラス名は関係なく、単純な入力です。CSSのフォーカス – BusterLuke