Как показать "$" перед номером при вводе HTMLCSS

Разбираемся в CSS
Anonymous
Как показать "$" перед номером при вводе HTML

Сообщение Anonymous »

Я использую следующую структуру (связанную с TMS Webcore в Delphi) в HTML < /p>

Cost Per Person:

$


Total Price:

$





Я использую Bootstrap, я могу найти только $ , но это выводит доллар за пределами ящика. Чтобы подтвердить, что использование CSS (что-то вроде следующего)-это способ сделать это
html




css
.currency-input {
position: relative;
display: inline-block;
}

.currency-input::before {
content: "$";
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
color: #666;
}

.currency-input input {
padding-left: 20px;
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... html-input

Вернуться в «CSS»