Перейти к содержимому


Партнерская программа Kredov

"Трюки" с текстовыми полями

#1 ilyazh

ilyazh
  • Пользователь
  • 356 сообщений
  • Репутация: 1
0

Отправлено 19 Июль 2010 - 23:45

Эх, текстовые поля. Сколько всяких причуд есть у вас. Представляю вам подборку из девяти «трюков», которые могут вам пригодиться.

В данной статье рассказывает о следющих трюках:
  • Фоновое изображения для текстового поля, которое исчезает при вводе текста.
  • Замещающий текст (HTML5)
  • Замещающий текст (HTML5 и jQuery)
  • Удаление голубой рамки (WebKit)
  • Удаление маркера изменения размера текстового поля
  • Добавление маркера изменения размера текстового поля
  • Автоматическое изменение размера соответственно введённому тексту
  • Отключение автоматичесокго переноса
  • Избавляемся от стандартных полос прокрутки в Internet Explorer

Читать статью полностью и комментировать её вы можете перейдя по ссылке "Трюки с текстовым полем".

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 22 Июль 2010 - 22:31

ilyazh,
1)

IE по умолчанию добавляет вертикальную полосу прокрутки на все текстовые поля. Вы можете убрать их добавив css-свойство overflow: hidden.

А затем в коде пишем overflow: auto
2)

Удаление маркера изменения размера текстового поля

Это для каких браузеров? Что-то в стандарте CSS 1.0 нет такого свойства... Про 2.0 не помню
  • 0

#3 ilyazh

ilyazh
    Topic Starter
  • Пользователь
  • 356 сообщений
  • Репутация: 1

Отправлено 22 Июль 2010 - 23:12

2)
Это для каких браузеров? Что-то в стандарте CSS 1.0 нет такого свойства... Про 2.0 не помню

Для WebKit браузеров. Хром и эпловские браузеры работают на этом движке, а может и ещё кто-нибудь, просто сильно эту тему (webkit браузеров) не копал.
  • 0


Оформление форума – IPBSkins.ru