Вопрос CSS - прозрачное подчеркнутое текстовое поле - howto?

Question

Доброе утро,

Quick CSS вопрос. Кто-нибудь знает какой-нибудь быстрый css для создания подчеркнутого прозрачного текстового поля? В основном я хочу, чтобы текстовое поле было невидимым, за исключением нижней границы. Мне нужно, чтобы он функционировал нормально. Я просто удаляю левую, правую и верхнюю границы и задаю, чтобы фон был прозрачным или что-то еще? Любые примеры того, как правильно это выполнить? Это приложение для IE7, если это актуально. Любая помощь всегда приветствуется.

Cheers, ~ ск в Сан-Диего

Answer 1

Это следует сделать это:

input.myBox 
{ 
    border: 0px solid #000000; 
    border-bottom-width: 1px; 
    background-color: transparent; 
} 

Испытано в IE8 (режиме IE7 Совместимость)

Answer 2

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

Пример:

input.myBox:hover 
{ 
    border-color: #000066; 
    background-color: #FFFFF7; 
}