Chrome input padding issue

I'm having an issue with inconsistency with inputs in chrome.

I'm using a big font-size, but setting the height and line-height to smaller to remove gaps above and below the text.

input {
  font-size: 100px;
  padding: 0;
  margin: 0;
  height: 80px;
  line-height: 80px;
}

IE and Firefox seem to render it correctly, but chrome seems to add padding to the text of the input.

Fiddle showing what's going on here: http://jsfiddle.net/tomdickie/nZY8r/1/

EDIT:

To add a bit more clarity, to this here are some screenshots:

Firefox

Chrome

I'm trying to get Chrome to behave like Firefox (and IE) do.

Answers


try this and its woring here

HTML code

<input type="text" name="uname" value="223" />

and CSS code is

input {
  font-size: 100px;
  padding: 0;
  margin: 0;
  /*height: 80px;
  line-height: 80px;*/
}

I've tested this code.


Need Your Help

regular expression doesn't work for html string with no spaces between tags

javascript regex

Suppose I want to remove the 2nd &lt;meta&gt; tag from this HTML string:

How to create Payflow link sandbox account

paypal payflowlink

I need to create payflow link module for website and I need test account.