i cant manage to fix the padding and even the font color on webflow select dropdown
That’s a published link which is also useful…however click the link above to see how to share a read-only link to your Designer settings…or see the screenshot below:
its wierd that it take so much effort just for that
I’ve managed to change font colour and type, just by using the typography settings. It’s also possible to change the size of the box for each item.
Yeah the padding is the issue is there any other way to create a select-field cause this left padding is killing me
I can definitely understand wanting to customize form select fields. At this time, it’s a known issue among browsers – they each have their own take on form styles. You can read more on this here: https://css-tricks.com/dropdown-default-styling/
I have a work around …
Create a ‘div block’ (the green block in the image below), and place the ‘Form select’ element inside of the div block (the blue block in the image below)
Set your desired width on the div block
Set the width to 100% on the form select element
Add padding to the div block (both left and right)
Style both the div block and ‘Form select’ element to create your desired look!
The image below shows an example of this.
Hope thats helps!