EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: juancitop on August 17, 2018, 07:16:12 AM

Title: css :not on textbox-text
Post by: juancitop on August 17, 2018, 07:16:12 AM

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.

Title: Re: css :not on textbox-text
Post by: stworthy on August 17, 2018, 05:10:57 PM

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">

Title: Re: css :not on textbox-text
Post by: juancitop on August 21, 2018, 06:54:31 AM

Perfect !!!

Thanks stworthy !!