Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: символ в value у input другим цветом

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
toropss
Отправлено: 01 Апреля, 2013 - 19:17:14
Post Id


Гость


Покинул форум
Сообщений всего: 85
Дата рег-ции: Март 2009  


Помог: 0 раз(а)
Здравствуйте.
подскажите как сделать последний символ в value у input другим цветом?
нужно покрасить звездочку в красный на обязательных полях
 
 Top
Мелкий Супермодератор
Отправлено: 01 Апреля, 2013 - 19:41:33
Post Id



Активный участник


Покинул форум
Сообщений всего: 11926
Дата рег-ции: Июль 2009  
Откуда: Россия, Санкт-Петербург


Помог: 618 раз(а)
Какое отношение значения поля имеет к визуальному представлению?
Вы не оттуда заходите к задаче.


-----
PostgreSQL DBA
 
 Top
DelphinPRO
Отправлено: 01 Апреля, 2013 - 19:46:31
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
поставленая задача не имеет решения. Текст внутри инпута нельзя раскрасить посимвольно.
(Добавление)
Но можно эмулировать такое представление с помощью дополнительных элементов. Или псевдо-элементов.


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
toropss
Отправлено: 01 Апреля, 2013 - 20:00:07
Post Id


Гость


Покинул форум
Сообщений всего: 85
Дата рег-ции: Март 2009  


Помог: 0 раз(а)
не подскажите где можно почитать об этом ?
 
 Top
DelphinPRO
Отправлено: 01 Апреля, 2013 - 20:04:32
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
да что там читать, просто сверху накладываете доп элемент с абсолютным позиционированием, а яваскриптом убираете, когда он не нужен.

или так

CODE (html):
скопировать код в буфер обмена
  1. <label>Подпись</label>
  2. <span data-text="Label"><input type="text" name="" id=""/></span>


CODE (css):
скопировать код в буфер обмена
  1. span {
  2.         position:relative;
  3. }
  4. span:before {
  5.         content: '*';
  6.         color: red;
  7.         position: absolute;
  8.         left: 3px;
  9.         top: 0;
  10. }
  11. span:after {
  12.         content: attr(data-text);
  13.         position: absolute;
  14.         left: 1em;
  15.         top: 0;
  16. }
  17.  


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
toropss
Отправлено: 01 Апреля, 2013 - 20:51:22
Post Id


Гость


Покинул форум
Сообщений всего: 85
Дата рег-ции: Март 2009  


Помог: 0 раз(а)
Всем спасибо.
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB