Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="StackOverflow answer for how to remove inner shadow of an html text input">
  <meta charset="utf-8">
  <title>remove inner shadow of text input</title>
  <style>
    #x{
      background:#f1f1f1;
    }
    #y{
      background:#f1f1f1;
      border-style:solid;
    }
    #z{
      background:#f1f1f1;
      border:1px solid #ccc;
    }
  </style>
</head>
<body>
  <label><input type="text">
  browser default input style</label>
  <label><input id="x" type="text">
  #x{ background:#f1f1f1; }</label>
  <label><input id="y" type="text">
  #y{ background:#f1f1f1; border-style:solid; }</label>
  <label><input id="z" type="text">
  #z{ background:#f1f1f1; border:1px solid #ccc; }</label>
  <cite><a href="http://stackoverflow.com/a/12791674/881551">http://stackoverflow.com/a/12791674/881551</a> for why this exists.</cite>
</body>
</html>
 
body{
    font:125% monospace;
    line-height:3em;
}
label{
    display:block; 
    cursor:pointer;
    padding:10px;
}
label:hover{
    background:#fff;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
hatzopoulospro
0viewers