text-like inputs

dabblet.css

/**
 * text-like inputs
 */
table input[type="text"] {
border: 1px solid transparent;
background: white;
padding: 3px 5px;
}

table input[type="submit"] {
visibility:hidden}

table:hover input[type="submit"] {
visibility:visible;
}

table:hover tbody input[type="text"] {
  border-color: #e0e0e0;
  background: white url(img/bg-sk-24.png) repeat-x scroll 0 -1111px;
}

dabblet.html

<table>
<tr>
<td><form>
<input type="text" placeholder="Text here!">
<input type="submit"></form>
</td>
</tr>
</table>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}