Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ 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 заменен на красный:


Вас может еще заинтересовать список тем : #CSS | #COLOR | #PLACEHOLDER |
Последняя дата редактирования : 2020-11-19 11:55
Название скрипта :Цвет placeholder внутри поля ввода
Скрипт № 76.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

Последние комментарии :
Марат :
23/11/2020 07:38
Приходите ещё!
подробнее.
Лило :
23/11/2020 06:34
Благодарю, удобно
подробнее.
Марат :
15/11/2020 01:57
Здесь отвечал...1) Есть вот комментарии от вконтактае, очень простые 2)Такое же есть от мордокниги, 3) смотрите…
подробнее.
Денис :
15/11/2020 01:36
А можно ли как нибудь установить на свой сайт эти комментарии? Уже 6 месяцев…
подробнее.
Марат :
11/11/2020 10:48
Вчера, моему сайту помогли материально!Спасибо тебе!!! Безымянный Друг!!! Кто помог сайту! Что оценил мою…
подробнее.