select with filter - custom class not work

[ponponwu]

<select 
  data-te-select-init data-te-select-filter="true" 
  data-te-select-placeholder="Test" 
  data-te-select-search-placeholder="Test"
  data-te-class-select-input-size-lg="py-[0.32rem] px-3 leading-[2.15]" 
  data-te-class-select-filter-input="relative m-0 block w-full min-w-0 flex-auto rounded border border-solid border-gray-300 bg-transparent bg-clip-padding px-3 py-1.5 text-base font-normal text-gray-700 transition duration-300 ease-in-out motion-reduce:transition-none border-transparent without-ring focus:text-gray-700 focus:outline-none dark:text-gray-200 dark:placeholder:text-gray-200">
                        <option value="1">One</option>
                        <option value="2">Two</option>
                        <option value="3">Three</option>
                        <option value="4">Four</option>
                        <option value="5">Five</option>
                        <option value="6">Six</option>
                        <option value="7">Seven</option>
                        <option value="8">Eight</option>
                        <option value="9">Nine</option>
                        <option value="10">Ten</option>
</select>

it's my select setting, but data-te-class-select-input-size-lg seems not working, data-te-class-select-filter-input works

also curious about there's anyway just customize one class attribute and automerge default
e.g. I just want to customize without-ring, all other stying may dissapear when I only styling this without-ring

[juujisai]

Hi! To make the data-te-class-select-input-size-lg work add data-te-select-size="lg" attribute to the select element aswell.

Our class customization replaces classes thats why we can't provide only one class. I think the easiest way to remove a class / add class would be to look for the chosen element via document.querySelector(...) and then remove or add the class you want.