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

Question

Доброе утро,

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

Ура, ~ ck в Сан-Диего

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;
}