Good Day,
I am trying to display a textbox like below,
https://www.aspforums.net/Threads/130946/Place-icon-inside-HTML-input-element-using-CSS/Demos/3
I tried the above its working fine but my value inside the textbox is right-aligned, the value is overriding on the symbols. Is there any solution for this.
<td>
<input id="country" class="custom2">
<span class="right_textbox">Country</span>
</td>
<td>
<input id="city" class="custom2">
<span class="right_textbox">City</span>
</td>
.custom{
text-indent:60px;
direction:rtl;
}
.right_textbox {
width:15%;
position: absolute;
right:18%;
height: 20px;
padding: 5px;
border-left: 1px solid #ddd;
}
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.2.6/jquery.inputmask.bundle.min.js"></script>
$(document).ready(function () {
$(".custom2").inputmask({
'alias': 'decimal',
rightAlign: true,
'groupSeparator': '.',
'autoGroup': true
});
});
Thanks.
R