Поле ввода имеет поле по умолчанию

0

Изображение позиционируется правильно, но в поле ввода появляется верхняя граница от 20 px или около того, но никогда не устанавливалась в любом месте моего CSS.

HTML:

<div id="vault_chat_header">
   <span><img src="<%tdir%>img/default_avatar.png" alt="Default Avatar"  class="user_avatar" /></span>
   <span><input type="text" class="vault_chat_text_field" /></span>
</div>

CSS:

.vault_chat_text_field {
    background-color: red;
    height: 48px;
    width: 92%;
}

.user_avatar {
    background-color: red;
    height: 48px;
    width: 48px;
}

DOCTYPE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  • 0
    Так что явно установите margin: 0 в CSS для элементов .vault_chat_text_field .
  • 0
    Я попробовал это, это не работает, хотя это странная часть.
Теги:

1 ответ

3
Лучший ответ

Просто введите данные

vertical-align: top;

http://jsfiddle.net/CLGNH/

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню