Black Lives Matter. Please consider donating to Black Girls Code today.

Is it possible to set position of placeholder text in dcc.Input?

I am trying to create a large input box on the page and the default position of placeholder text is horizontally center and left align, as shown below. Is it possible to change it to other position? For example to the top left corner?

dcc.Input(id='input', type='text', placeholder='Enter text here', style={'margin':18, 'width': 600, 'height':300})

Maybe you could use dcc.Textarea. The placeholder is in the top left corner by default.

Within your style, try write the following:

vertical-align: top
text-align: left