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:hover	{
appearance:checkbox;
outline:none;/*2px solid red;*/
box-shadow:0px 0px 5px 0px #000;
transform: rotate(360deg) scale(3);
}

textarea{overflow:hidden;resize:both; border-radius:5px;padding:15px;}

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":"css"}