Показать сообщение отдельно
  #1 (permalink)  
Старый 23.05.2021, 23:11
Аспирант
Отправить личное сообщение для tp-20 Посмотреть профиль Найти все сообщения от tp-20
 
Регистрация: 19.06.2018
Сообщений: 42

стилизация символов после запятой в input
Здравствуйте, уважаемые гуру!

Есть вопрос - как можно стилизовать два последних символа в input, которые находятся в value?
В данном случае это цена - 123.99. Стилизация нужна для того, чтобы копейки (99) стилизовать (сделать бледнее и уменьшить шрифт, тем самым пользователю сразу будет понятно, что это копейки).

Здесь спаны просто для примера. С ними вопросов нет.
Нужно стилизовать именно input.

<span class="numbers">123456</span><br />
<span class="numbers">123.456789</span>
<div class="numbers">12345</div>

<input value='123.99' class='numbers'>


$('.numbers').each(function() {
    $(this).html(
        $(this).html().substr(0, $(this).html().length-2)
        + "<span style='color: #3399ff'>"
        + $(this).html().substr(-2)
        + "</span>");
});


тут я накидал фидл - http://jsfiddle.net/tps20/ftevos29/1/
Ответить с цитированием