Question

Сейчас на сайте и форуме такие кнопки:

Можно ли сделать кнопки такого плана? 

++ и в добавок ко всему сделать, чтобы на первом шаблоне не было больших отступов между строками... 

 

!! И все остальные поля для ввода большие по высоте, как их сделать меньше по высоте? 

Answer 1

Вот это в ксс удалите, детали ниже...

#casing input[type="text"], #casing input[type="password"], #casing textarea, #casing input[type="file"], #casing select, .filterBlock {
background: #FFFFFF;
border: 1px solid #DBE1E8;
color: #999999;
margin: 0px 0px 1px; ////////////////////////////////////////////Этот стиль оставить!!!
outline: medium none currentColor;
padding: 7px 5px;
text-decoration: none;
}

#casing input[type="submit"], #casing input[type="reset"], #casing input[type="button"], #casing button {
background: #F27935;
border: medium none currentColor;
color: #FFFFFF;
cursor: pointer;
font-size: 11px !important;
font-weight: 400 !important;
margin: 0px 0px 1px; /////////////////////////////////Этот стиль оставить!!!
padding: 9px 11px;
text-transform: uppercase;
width: auto !important;
}

Comments

Спасибо большое! А можно ли сделать так, чтобы при наведении на кнопку она не выделялась синим цветом?

---

Евгений олололо,

Да, можете. В стилях строка номер 314, найдите и удалите стили:

#casing input[type='submit']:hover,#casing input[type='reset']:hover,#casing input[type='button']:hover,#casing button:hover {background:#3498db;color:#fff;}

либо просто удалите - background:#3498db;color:#fff; и сохраните изменения.