last day (14 days later) » 

11:45
0
Q: Padding inside <input> shows 2 result in Firefox and other browsers

weBerCheck this Jsfiddle first. Here my <input> with has a height of 10px; has given a padding of 10px;, I know it is not a right way of giving style. But still, it's working perfectly in Chrome, IE and Safari but it is an another story when it came to Firefox it crops my placeholder.why.? I know di...

Might be appropriate line-height is missing. Browsers do have font rendering issue.
@AnmolSandal I tried giving them line-height:10px; but still no use.
Try to add some more line-height by default is 18 you can reduce padding from top and bottom. Lt me know if that worked or share css and code please.
@Dimash I tried already I give it 18 but still no use.
I have shared my code in the jsfiddle please do check that all.!!
@weBer, I have updated your code in fiddle let me know if it works fine.
11:45
@AnmolSandal give me your link. it's not updated for me in my link.
@weBer aaahhhh sorry, i forgot to mention that it was in my like. Apology
@AnmolSandal - I know it works if I put the height to auto but is there a way I can solve this without changing the height and padding.? that is my Q
hi
hi
i don't think that. Giving height is not an appropriate solution. css must be clean and clear. By default the input have height.
I know the CSS solutions, bro. what I want is the reason behind it for this behaviour
I have this in my project and I can't remove the height neither the padding.
my Q is that is there a work around for this with i can solve this.?
without changing the height and padding
I am giving you answer wait for a minute
11:49
k
and i want my font size to be 14px should not change it
The browsers do have font rendering issues and they accept line-height in very in appropriate manner.
I dont think so, U don't want any change regarding the css. I dont think it is possible to do so.
i want height, padding and font size not to cahnge
other things you can do
font size should not be less than 14px
any idea.?
let me guess
height is 10 px in your code
yep
nop
20p
sorry 10px
I am figuring it out give me 5 minutes
You are using padding 10 px from each side. total n height is 20px and we are using height as 10px. Due to height the input is unable to render and moreover Firefox's rendering engine renders line height slightly different.
I think you must have got reason now
12:05
yep.
i cant change it

last day (14 days later) »