Как увеличить ширину поля ввода?

Question

Я пытаюсь увеличить ширину поля ввода на my website.

Вот как это выглядит

Это, как я хочу, чтобы это выглядело

Но CSS исправление увеличивает его размер. Пожалуйста, направляйте.

.searchform span .s { 
padding: 6px; 
width: 135px; 
background: none; 
float: left; 
font: bold 13px Arial, Helvetica, sans-serif; 
} 

Answer 1

Необходимо изменить ширину на span.near.

span.near { 
    width: 189px; 
} 

Тогда вы получите кнопку вне входа. Ширина 189 пикселей - это максимум, который может быть установлен до того, как он перейдет на новую линию.

Answer 2

Увеличить width в span.near.

span.near { 
    width: 172px; 
    background: url('images/nearbg.png') no-repeat scroll left top transparent; 
} 

Answer 3

Вы должны изменить эту строку CSS:

span.near { 
background: url("images/nearbg.png") no-repeat scroll left top transparent; 
width: 122px; <---INCREASE THIS 
} 

Я думаю, что это на номер строки 99 в файле CSS

Answer 4

Вы можете написать или определить ширину следующим образом: -

width: 135px !important; 

ИЛИ вы можете добавить еще один класс, например textWidth: -

.textWidth{ 
     width: 135px !important; 

    }