Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Как изменить цвет текста placeholder

Поддержи проект!!! smile

Как изменить цвет подсказки placeholder, цвет placeholder по умолчанию. Для placeholder можно задать другой цвет -> отличный от цвета по умолчанию!

Цветной placeholder в input

  1. Цвет placeholder по умолчанию
  2. Как изменить цвет placeholder на другой(например:на красный)
  3. Скачать можно здесь
  1. Цвет placeholder по умолчанию

    Естественно, что у подсказки placeholder цвет по умолчанию должен быть! и он есть -> черный!

    Но, что делать если мы хотим заменить стандартный цвет placeholder на какой-то другой!?

    Пример placeholder по умолчанию:

    И где взять цвета для использования в покраске !?

    Есть отдельная страница с предопределенными цветами.
    Или же можно подобрать через генератор цвета

  2. Как изменить цвет placeholder на другой(например:на красный)

    Для данного параграфа у нас есть:

    Пример изменения цвета placeholder на отдельной странице
    Скачать приведенный пример изменения цвета placeholder -> здесь

    Для того, чтобы продемонстрировать изменение цвета placeholder нам понадобится поле ввода input

    В инпуте прописываем атрибут placeholder, с каким-то текстом :

    placeholder="Здесь текст внутри инпута"

    Далее добавим какой-то класс нашему инпуту:

    <input class="example_1" placeholder="Здесь текст внутри инпута">

    Теперь зададим цвет placeholder-у :

    input.example_1::-webkit-input-placeholder {color:red ; opacity:1;}/* webkit */
    input.example_1::-moz-placeholder {color:red ; opacity:1;}/* Firefox 19+ */
    input.example_1:-moz-placeholder {color:red ; opacity:1;}/* Firefox 18- */
    input.example_1:-ms-input-placeholder {color:red ; opacity:1;}/* IE */

    Результат -> цвет placeholder заменен на красный:


Последняя дата редактирования : 22.01.2021 00:41
Название скрипта :Цвет placeholder внутри поля ввода
Скрипт № 85.4
Пример
Ссылка на скачивание : Все скрипты на одной странице
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
цвет placeholder цвет placeholder css input цвет placeholder как изменить цвет placeholder поменять цвет placeholder placeholder цвет текста как изменить цвет placeholder css задать цвет placeholder css цвет placeholder в input как поменять цвет placeholder input placeholder изменить цвет текста css цвет текста placeholder поменять цвет placeholder css задать цвет placeholder css как изменить цвет текста placeholder css как изменить цвет placeholder input как задать цвет placeholder в input css изменить цвет placeholder input css как сделать placeholder другим цветом как поменять цвет placeholder input css как изменить цвет подсказки в placeholder

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.
stream :
07/04/2021 05:56
Неплохо)
подробнее.
Марат :
24/03/2021 11:01
Да что вы!? За что обижаться то?Вы тот редкий человек, который смог написать! Вы молодец!Человек, же который не…
подробнее.
Виталий :
24/03/2021 06:05
Не стоит обижаться, люди могут не понимать что ошибка не критична. Может быть до конца не изучали…
подробнее.
Марат :
23/03/2021 02:09
Спасибо, за сообщение! В архив попал вариант, который был на тестировании и там остались некоторые…
подробнее.