Das entfernen oder verändern von CSS-pseudo-Klasse in jQuery

Eine einfache genug Frage, so kurz - ist es möglich, zu entfernen oder zu verändern, trotzdem in einem CSS-pseudo-Klasse mit Hilfe von jQuery? Oder irgendeine andere Javascript-Methode für diese Angelegenheit

Speziell möchte ich loswerden :Fokus auf inputs. Ich kann nicht ändern, die CSS-Datei direkt in keiner Weise.

vielen Dank für jede Hilfe

Buster

  • Sie möchten getrid von focus-Ereignis oder ist es Klasse name?
  • Meinst du, dass Sie wollen, überschreiben Sie einen vorhandenen Stil verwendet pseudo-Klassen?
  • Ich brauche, um loszuwerden, das Ereignis ganz. Leider gibt es keine Klassen-name eingebunden, nur eine einfache input:focus in CSS
  • ja, überschreiben oder komplett null Stil. Jede route, die in wirklich!!!!
  • In diesem Fall würde ich mit @Stadt-Lösung, und die es tun, in reinem CSS, einschließlich Ihrer eigenen stylesheet oder inline-style-nach den Stylesheets kann man nicht ändern. (Später stylesheet-Regeln überschreiben die vorherigen stylesheet-Regeln für den gleichen Selektor. Alternativ können Sie überschreiben, indem Sie mit einem spezifischeren Selektor, oder die !important option.) Sie können auch ändern Sie die stylesheet direkt in Javascript; siehe Davids Antwort an diese Frage, die ähnlich wie bei Ihnen.
  • das ist eine wirklich gute Frage

InformationsquelleAutor BusterLuke | 2011-06-24
  1. 4

    Kann ich nicht ändern, die CSS-Datei direkt in
    keiner Weise.

    Vorausgesetzt, Sie können nur JavaScript verwenden, um dies zu tun, ich kann nicht an nichts denken besser als:

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

    Müssen Sie individuell zurückgesetzt jede Eigenschaft. font-weight:normal, color:#000 - alles was Sie brauchen.

    Finden Sie unter: http://jsfiddle.net/jqpAu/

    InformationsquelleAutor thirtydot
  2. 3

    Ohne Details ist es schwer zu beantworten, genau, aber wenn Sie möchten, können Sie nur überschreiben Sie die :focus Stil:

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

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

    Demo

    • er sagte, er kann nicht Bearbeiten Sie die CSS Datei.
    • Yup, auch wenn er nicht Bearbeiten können die mitgelieferte CSS-Datei ist, kann er sicherlich überschreiben es mit seinem eigenen Stil, entweder inline oder in seine eigene Datei. Effektiv, das ist alles, Javascript-Lösung tun würde -- Injektion von Stil zu überschreiben das original, so dass, wenn Sie können, tun Sie es mit reinem CSS, dann ist das die sauberste Lösung.
    InformationsquelleAutor Town
  3. 2

    Siehe diese Antwort: Definieren von CSS-pseudo-Klasse-Regeln in JavaScript

    Ich denke, Sie sind auf der Suche nach einer Möglichkeit, hinzufügen von CSS dynamisch. Beispiel: http://jsfiddle.net/zkMCY/

    Code:

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

    Wenn Sie wollen, um tatsächlich verhindern, dass die Benutzer über Ihre Anregungen, machen Sie das über Ihre html:

    <input disabled="disabled">
    InformationsquelleAutor pixeline
  5. -2

    können Sie $(selector).removeClass(className)

    • Dies funktioniert nicht für pseudo-Elemente/Klassen
    InformationsquelleAutor Vivek
Schreibe einen Kommentar