В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 19-03-2024! 🞨
Меню :
color (15)
css (131)



Blog (1392)
php (329)
js (244)
html (147)
css (131)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
online (29)
Показать еще :
fonts (26)
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
hosting (18)
svg (18)
input (18)
php date (17)
board (16)
php time (16)
html book (16)
color (15)
info (15)
img (14)
js time (14)
js url (14)
js events (14)
htaccess (13)
select (13)
notepad (13)
osclass (13)
keyboard (12)
знак (12)
dw block (12)
php img (12)
php path (12)
table (12)
download (12)
icon (11)
form (11)
jsphp (11)
alphabet (10)
keyframes (10)
js delete (10)
yandex (10)
mouse (10)
chart (9)
hover (9)
dosite (8)
browser (8)
php post (7)
comment (7)
php url (7)
iframe (6)
php get (6)
mysql (6)
click (6)
list (6)
canvas (6)
adminka (6)
vs code (6)
js id (5)
mb (5)
heading (5)
value (5)
reg.ru (5)
ftp (5)
year (5)
js math (5)
tag a (5)
bbcode (4)
php var (4)
base64 (4)
xml (4)
scandir (4)
games (4)
flags (4)
symbols (4)
week (4)
day (4)
ssl (4)
нок (4)
submit (4)
task (4)
vk (4)
month (4)
pages (4)
console (4)
js form (4)
domen (3)
line (3)
https (3)
js post (3)
jquery post (3)
money (3)
numbers (3)
js img (3)
padding (3)
куб (3)
captcha (3)
ucoz (3)
js hash (3)
tag hr (2)
details (2)
typeof (2)
seo (2)
prompt (2)
sitemap (2)
рся (2)
youtube (2)
height (2)
arrows (2)
js vars (2)
counter (2)
google (2)
qr kod (2)
video (2)
speed (1)
smile (1)
нод (1)
rutube (1)
scroll (1)
windows (1)
archive (1)
jino (1)
cursor (1)

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

Как изменить цвет подсказки 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 заменен на красный:

Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Ещё : dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.017437 секунд. Подробнее