The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
input{
transition:all .5s ease;
}
option:checked{
color:blue;
}
select{font:1em serif;border:1px solid red;background:red;outline:2px solid green;}
option{background:red;}
input:focus	{
appearance:checkbox;
outline:2px solid red;
}

textarea{resize:horizontal;}

div{width:100px;height:100px;resize:both;background:red;overflow:hidden;}

dabblet.html

<div>kgjfhd khdkjhdh dh dh kdhgkjdh jdhkjfdhgkdh  djkg dh dj gdhkjfg dkj d dkhkdhgkd kdkj dhdhk dkgh dkhkjd fgkd</div>
<textarea></textarea>
<select ultiple>
<option>lhkjhk</option>
<option>lhkjhk</option>
<option>lhkjhk</option>
<option>lhkjhk</option>
<option>lhkjhk</option>
<option selected>fdgfd</option>
<option>lhkjhk</option>
</select>
<input type="checkbox" checked/>
<input type="radio" name="oui" /><input type="radio" name="oui" />

settings.json

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