HTML Input cursor position issue in Chrome when value is empty

Question

Just recently I have noticed out text inputs having a display issue in Google Chrome but only when the text is empty.

Notice how in the top image, when the input is

Answer 1

There is another hack that no one have mentioned as I can see. You could use a @media query to check out Chrome:

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    line-height: normal;
}