JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<span class="input-copy">dd/mm/yyyy</span>
<input type="text" value="dd/mm/yyyy" />
</div>
CSS
input { outline: none; border-radius: 4px; height:16px; border: 2px solid black; padding: 4px; font-weight:bold; line-height:16px; }
div { position:relative; }
JavaScript
$(function () {
var $m = $(".input-copy"), m = $m[0],
$i = $m.next("input"), i = $i[0],
cs = window.getComputedStyle(i, null),
rts = "runtimeStyle" in document.body ? "runtimeStyle" : "style";
for (var k in cs) {
try
{
m[rts][k] = cs[k], m[rts][k];
}catch(e)
{
console.dir(e);
}
}
});