css :not on textbox-text

[juancitop]

My HTML:

<input id="field1" name="field1" class="easyui-textbox" required="true" label="Abcd:" labelPosition="top">
<input id="field2" name="field2" class="easyui-textbox noupper" required="true" label="Wxyz:" labelPosition="top">

My css code:

.textbox-text:not(.noupper){
   text-transform:uppercase;
}

With this the uppercase does not apply to any textbox

If I use:

.textbox-text {
   text-transform:uppercase;
}

Apply to all textboxes.

 

Thanks in advance.

[stworthy]

Please use this code instead.

Code:

<style type="text/css">
.textbox:not(.noupper) .textbox-text{
   text-transform:uppercase;
}
</style>
<input id="field1" name="field1" class="easyui-textbox" required="true" label="Abcd:" labelPosition="top">
<input id="field2" name="field2" data-options="cls:'noupper'" class="easyui-textbox" required="true" label="Wxyz:" labelPosition="top">

[juancitop]

Perfect !!!

Thanks stworthy !!