Как изменить размеры input и button?

Question

[Diego_Sativa]

Хочу сделать окно входа на сайт компактным, но попал в тупик:
Не получается изменить размер button и input, если изменю button, то надпись куда-то съезжает.
Если пытаюсь изменить размер input, то тупо ничего не происходит.

Вот одна из злополучных строк кода: jsfiddle.net/cs7emz29
причём на этом сайте работает, а на моём нет.

<div class="login_box">
	<form method="post">
		<input class="login_input" type="text" name="login_name" id="login_name" placeholder="Ваш логин"/>
		<input class="login_input" type="password" name="login_password" id="login_password" placeholder="Ваш пароль" />
		<button class="login_button" onclick="submit();" type="submit" title="Вход">Войти на сайт</button>
		<input name="login" type="hidden" id="login" value="submit" />
		<div class="login_checkbox">
			<input type="checkbox" name="login_not_save" id="login_not_save" value="1"/>
			<label for="login_not_save">Забыть!</label>
			<a href="{lostpassword-link}">Востановить?</a>
			<a href="/?do=register">Рег-ция!</a>
		</div>
	</form>
</div>

Comments

[Алексей Дубровин]

причём на этом сайте работает, а на моём нет.

Вы сами ответили на свой вопрос. Значит дело не в стилях ? ищите стили которые навешаны именно на необходимый вам input, Мб там установлено переопределение.

Answer 1

[Даулет]

input.login_input{
height:30px;
}

Либо же можно выбрать один элемент используя атрибут и значение:

button[title="Вход"]{
height:30px;
}

Answer 2

[Diego_Sativa]

В чём разница?

Answer 3

[Владислава]

Если не хочешь чтоб надпись в кнопке оставалась по центру то сделай кнопке padding