верхнему краю:
#name. #email. #comments {
background-color: #FBEF99:
font-family: "Lucida Console". Monaco. monospace:
font-si ze: . 9em;
wi dth: ЗООрх;
margin-top: -2рх;
Вы можете сделать форму более удобной для пользователей, выделив активные
Элементы с помощью специального псевдокласса : focus (см. разд. «Выборка
стилизуемых ссылок!> гл. 9). Мы добавим его в следующем пункте.
В конце внутренней таблицы стилей добавьте стиль для раскрывающегося
списка и трех полей ввода для текста:
#name:focus.
#email :focus.
#comments:focus.
#refer:focus
{
background-color: #FDD041:
Псевдокласс : focus на момент написания этой книги работает только в браузерах
Internet Explorer 8, Firefox, Safari и Opera. Однако он не вызывает никаких
Ошибок, поэтому, если вы будете использовать браузер Intemet Explorer 6 или 7,
Можете смело добавить стиль : focus в качестве улучшения внешнего вида.
Просмотрите страницу в браузере. Сейчас она должна будет выглядеть так, как
На рис. 10.13.
Глава 10. Форматирование таблиц и форм
806 SubscriЬt to Cosmofarm~r.com
6 hnp://css.loalttutorlals/thapttr _lO_finlsмd/forrr. (0.· Gщle
Lo<•t1on Seii!Ch
COSMOFARMEFf~~~
,,,
vtroo: ll's Уо&~ Monlll
Torem II)Sum ootor s4e
Omer.
У о&~ feedЬock
Lorem 1psum oolot s~e
Omer.
ТhlaМonlh'sSUrvey
torem II)Sum do!ot .sile
Omel.