input-scrollable-region-001.html (857B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Input Text Padding and Overflow: css-overflow-3</title> 4 <link rel="author" title="Boaz Sender, Ali Juma, Robert Ma"> 5 <link rel="help" href="https://drafts.csswg.org/css-overflow-3/#scrollable"> 6 <link rel="match" href="reference/input-scrollable-region-001-ref.html"> 7 <meta name="assert" content="input text is preserved when the (input height 8 minus the input padding minus the input border) is 9 smaller than the height of the text"> 10 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 11 <style> 12 input { 13 font-family: Ahem; 14 width: 100px; 15 margin: 0px; 16 border: 1px solid black; 17 height: 30px; 18 padding: 10px; 19 font-size: 18px; 20 box-sizing: border-box; 21 line-height: 1; 22 } 23 24 </style> 25 <body> 26 <input type="text" value="foo"> 27 </body>