dantz · August 9, 2012 18:43
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */

 input {
 	border: 0;
 	background: none;
 }

 .input {
 	border: 1px inset #ccc;
 	display: inline-block;
 }

 button, .input  {
 	transform: skew(-30deg);
 }

 button span, .input input {
 	transform: skew(30deg);
 	display: block;
 }
diff --git a/dabblet.html b/dabblet.html
 <button><span>Suchen</span></button>
 <br /><br />
 <div class="input"><input type="text"></div>
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/

	input {
	border: 0;
	background: none;
	}

	.input {
	border: 1px inset #ccc;
	display: inline-block;
	}

	button, .input {
	transform: skew(-30deg);
	}

	button span, .input input {
	transform: skew(30deg);
	display: block;
	}
	<button><span>Suchen</span></button>
	<br /><br />
	<div class="input"><input type="text"></div>