Join the Webstudio community

Updated 9 months ago

Form Input

At a glance

The community member asked how to change the font color and family for placeholder text in form inputs. Another community member provided a solution using CSS, suggesting to add the code ::placeholder { color: #AAEAAA; } in an embed element. Other community members confirmed that the placeholder state worked without the need for custom code. The original question was satisfactorily answered in the comments.

Useful resources
Hey,

Can someone tell me how the font color and family can be changed for placeholder text in form inputs?

https://apps.webstudio.is/builder/7f80df27-f903-4021-bbd1-52280d610eab?authToken=2322ac68-2c08-4fe3-b7e8-ef881bd4d6d0&mode=preview
Attachment
image.png
M
O
B
5 comments
Hey!

You can add this code in an embed element for example:

<style>
::placeholder {
color: #AAEAAA;
}
</style>

(change de color value of course)
placeholder state
Attachment
image.png
no need to write custom code for this
Thanks to you both (but the placeholder state worked)
Add a reply
Sign up and join the conversation on Discord