JSFiddle - React, Tailwind, and code Playground

by Ronny Kumke

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<input />
<div class="ui-widget-content" style="height:600px">
    <h2> myContent </h2>
    <p />
    <input />
</div>

CSS

.my-textfield {
    font: inherit;
    color: inherit;
    text-align: inherit;
    outline: none;
    cursor: text;
    background: #FFFFEF;
}

JavaScript

$('input:text')
    .button().addClass('my-textfield');