Как да промените цвета на алтернативния текст на полето на формуляра

Този урок ще ви покаже как да промените алтернативен цвят на текста (цвят на текста на заместващ текст) полета на формуляра.

Текстът на заместител за поле на формуляр съдържа подсказка, която показва очакваните данни в полето. Това може да бъде пример или кратко описание на очакваната информация. В полето се показва кратък намек, преди потребителят да започне да въвежда данни.

По подразбиране текстът на заместителя е светлосив (начинът, по който браузърите го показват). За да добавите персонализирани стилове към този текст, ще трябва да използвате префикси на браузъра за CSS свойства.

За да промените цвета на алтернативния текст, следвайте тези инструкции:

Съставете кода според следната информация (имайте предвид, че трябва да добавите един и същ код 4 пъти за всеки префикс на браузъра):

Следният код ще промени цвета на алтернативния текст за текстова област (текстова област) (където обикновено се въвежда основното съобщение на формата за контакт):

Изберете файла, към който добавяте кода. Можете да го добавите към всеки CSS файл на вашия сайт, но ние сме подготвили за вас списък с файлове, където се препоръчва да добавите CSS правила за различни типове двигатели на сайта:

CMS шаблони:

WordPress теми (WooCommerce/Jigoshop Themes) /wp-content/themes/themeXXXXX/style.css
Joomla шаблони (VirtueMart шаблони) /templates/themeXXXX/css/template.css
Drupal теми /sites/all/themes/themeXXX/css/style.css
Уеб шаблони (HTML5) /css/style.css

Шаблони за електронна търговия:

Теми на Magento /skin/frontend/default/themeXXX/css/styles.css
PrestaShop Themes /themes/themeXXXX/css/global.css
Теми на OpenCart /catalog/view/theme/themeXXX/stylesheet/stylesheet.css
ZenCart Themes /includes/templates/themeXXX/css/stylesheet.css
OsCommerce шаблони /css/stylesheet.css
Shopify шаблони style.css.liquid

Запазете промените и качете CSS файлове на вашия сървър.

Можете също така да разгледате подробния урок по-долу: