Как изменить ширину/высоту окна поиска

У меня возникают проблемы с этой формой, которую я создавал. Я начал работать над старым проектом и решил начать свежий и отменить код. Проект был рекреацией дизайна главной страницы Google. Я хотел иметь точный дизайн, за исключением некоторых вещей, которые на самом деле не нужны. Окно поиска (форма) перемещалось прямо там, где я хотел, но из-за нового логотипа мне пришлось разместить окно поиска на руке во время анимации. Проблема в том, что мои координаты - это то, как я этого хотел, но высота и ширина не изменится. Это весь мой код:

<title>Google</title>
 
 
 
 <div>
 
 </div>
 <div>
 <form>
 
 </form>
 </div>

Есть ли способ изменить высоту и ширину без "повреждения" чего-либо. Я хочу, чтобы класс .SearchBar отвечал на мое кодирование, из которого я изменил высоту и ширину. Я изменил его на 550 пикселей, и он все еще не работает, спасибо, что нашли время, чтобы прочитать это.

1 ответ

Чтобы изменить с фактическим элементом ввода, вам нужно, ну... изменить ширину фактического элемента ввода. Вы изменили div, но не вход.

.SearchBar {
 position: absolute;
 top: 355px;
 left: 575px;
}
.SearchBar input {
 height: 30px;
 width: 50px;
}

licensed under cc by-sa 3.0 with attribution.