Solution 1 :

use this style to height the input element

input {
<input type="text" placeholder="Enter Text Here"/>

Solution 2 :

Try This

<input type="text" style="height:10px;">

Solution 3 :

This code you wrote <input type="text" style="min-height: 10px;"> – does work actually. it just won’t go to min-height you stated because inside the font for the text is bigger. If you maintain the font correlated with the input height it will work.

This example works if you make the font size smaller.

<input type="text" style="min-height: 5px; font-size: 4px;">

Solution 4 :

It is not height its size.
If you want in the way you questioned.Something like this help

<input type="text" size="10">

<input type="text" size="10px">

Problem :

I tried many times that google give me answers, but, It not working… Someone help?

I tried:
<input type="text" height="10">
<input type="text" style="min-height: 10px;">


Comment posted by Jedi ThePro

This one is the easiest and the perfect answer for me, Other one is correct to but, I recommend for this answer.

Comment posted by The concise

min-height: 5px? i guess you want to write min-height: 50px;

Comment posted by fedesc

@Theconcise No, He was trying to make an input smaller than it’s original size. and couldn’t achieve it because of fon’t size inside. this is a proof of concept.

Comment posted by The concise

Alright, even though he didn’t state that in the question and also 10px input box height will be tiny


Leave a Reply

Your email address will not be published. Required fields are marked *