JSFiddle - React, Tailwind, and code Playground

by Sergei Sokolov

HTML

<div id="container">
    <div id="fakeinput">
        <input id="sum" type="text" name="summa" value="555" /> руб.
    </div>
</div>

CSS

#fakeinput {
    border: 1px solid #CCC;
    width: 90px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color:#333;
}
#sum {
    border: 0;
    width: 60px;
    text-align:right;
}
#container {
    width:200px;
    margin:20px auto;
}

JavaScript

$('#fakeinput').click( function(){ $('#sum').focus().select(); });