Country pull down field

[wintermeyer]

The pull-down country field doesn't feel right. It is different from the other input fields (CSS wise).

Please have a look at this HTML:

<div class="mt-2 sm:col-span-2 sm:mt-0">
              <select id="country" name="country" autocomplete="country-name" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:max-w-xs sm:text-sm sm:leading-6">
                <option>United States</option>
                <option>Canada</option>
                <option>Mexico</option>
              </select>
            </div>

And this field shouldn't have the initial focus. AND it should default to Germany.

[MICHAELMUNAVU83]

@wintermeyer , it seems it is a style native to the select element , since we only have germany at the moment , are you open to having a text input , that is read only and defaults to Germany . I have this now , but still looks off

[wintermeyer]

It is off but better than before. Please ask a question about it on stackoverflow.com and add a link to that here. I am pretty sure that there is a good solution for the given problem within the TailwindCSS universe.

Worst case: This is good for now.