/* caret "after" content visible outside of keyboard popup */
.ui-keyboard-preview-wrapper {
    overflow: visible;
}
/* add caret character preview popup */
.ui-keyboard-caret:after {
    content: attr(data-character);
    background: red;
    color: white;
    font-family: Verdana, Tahoma, Segoe, sans-serif;
    font-size: 1.1em;
    min-width: 1em;
    position: absolute;
    z-index: 100;
    top: -1.4em;
    left: -.5em;
}
/* for password, set font to monospace to ensure caret stays lined up */
input[type=password] {
	font-family: monospace !important;
}


/* jsFiddle demo stuff */
body {
    margin-top: 50px;
    font-size: 12px;
}
#wrap {
    display: block;
    margin: 0 auto;
    width: 200px;
}
.spacer {
    height: 20px;
}