Вы можете обернуть свое поле ввода в диапазон, который вы position:relative;
. Затем вы добавляете с :before
content:"€"
свой символ валюты и делаете его position:absolute
. JSFiddle
HTML
CSS
.input-symbol-euro {
position: relative;
}
.input-symbol-euro input {
padding-left:18px;
}
.input-symbol-euro:before {
position: absolute;
top: 0;
content:"€";
left: 5px;
}
Обновление Если вы хотите поместить символ евро либо на левой или правой части текстового поля. Работа JSFiddle
HTML
CSS
.input-euro {
position: relative;
}
.input-euro.left input {
padding-left:18px;
}
.input-euro.right input {
padding-right:18px;
text-align:end;
}
.input-euro:before {
position: absolute;
top: 0;
content:"€";
}
.input-euro.left:before {
left: 5px;
}
.input-euro.right:before {
right: 5px;
}