Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <input class="username" type="text" placeholder="Username" />
</body>
</html>
 
/*
 * Cross browser input field cursor position fix
 * 
 * answer to: http://stackoverflow.com/questions/10717294/text-field-cursor-issue-in-chrome
 * 
 * related issue: https://code.google.com/p/chromium/issues/detail?id=47284
 *
 * see how foundation does it: http://foundation.zurb.com/docs/components/forms.html
 *
 *
 * [1] overrides whatever value line-height property was given by any other selector
 *     note: make it "line-height: normal !important;" if necessary
 */
.username {
  line-height: normal;  /* [1] */
  padding-top: 10px;
  padding-bottom: 10px;
}
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers