How to change the style of a select

[aris-2]

I'm trying to change the style of this select but I can't do it, has anyone faced this problem before?

<select data-te-select-init data-te-select-filter="true" > <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> </div>

[aris-2]

                  <select  data-te-select-init data-te-select-filter="true"  data-te-select-option-height="52"
                    data-te-class-form-outline="relative bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
                    >
                        <option value="1" data-te-select-secondary-text="Secondary text">
                            One
                          </option>
                          <option value="2" data-te-select-secondary-text="Secondary text">
                            Two
                          </option>
                          <option value="3" data-te-select-secondary-text="Secondary text">
                            Three
                          </option>
                          <option value="4" data-te-select-secondary-text="Secondary text">
                            Four
                          </option>
                          <option value="5" data-te-select-secondary-text="Secondary text">
                            Five
                          </option>
                    </select>