Input Field LIKE UI Button

by bizamajig

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<input />

CSS

.ui-textfield {
    font: inherit;
    color: inherit;
    text-align: inherit;
    outline: none;
}

JavaScript

$('input:text, input:password, input[type=email]')
    .button().addClass('ui-textfield');