[FRAGE] JUI Klasse überschreibt eigene Klasse

[Ciatronical]

Hey All,
ich habe eine eigene Klasse um Input-Felder schick zu gestalten.

.my-textfield {
    font: inherit;
    color: inherit;
    text-align: inherit;
    outline: none;
    cursor: text;
    background: #FFFFEF;
}

Mit:

$('input:text')
    .button().addClass('my-textfield');

klappt das auch.

Doch wenn ich in meinem HTML-Code hinter:

<div class="ui-widget-content">

komme wird meine Klasse von JUI überschrieben.
HTML:

<input />
<div class="ui-widget-content">
    <h2> myContent </h2>
    <p />
    <input />
</div>

JSFiddle

Wie kann ich das Überschreiben meiner Eigenschaften verhindern??

Gruß Ronny

 

[tsseh]

Wie kann ich das Überschreiben meiner Eigenschaften verhindern??

du musst deine regel spezifischer machen oder bei gleicher spezifität dafür sorgen dass sie als letzte kommt oder mit !important kennzeichnen

 

[Ciatronical]

Ok, das sollte helfen. Vielen Dank