Кнопка передачи данных на сервер не хочет менять вид кнопки. Я хочу растянуть ее во весь экран, сделать широкой, а она все равно квадратная. Пробовал разные варианты смены класса, стиль прописывал в Input{, в BUTTON { пробовал и другие варианты, поискал на сайтах решение, везде рекомендуют так как ниже указал, но и этот способ не работает. Меняется цвет кнопки, цвет текста, но сама она по-прежнему в виде типичной квадратной кнопки. Что не так?
<input class="MYbutton" type="submit" value="КНОПКА"></form>
input[type=submit] {
display: block;
margin: 0 auto;
font-size: 1.5em;
font-weight: bold;
background: #2A2924;
margin-bottom: 4px;
padding: 16px;
color: #F3E6D0;
background: rgba(0,0,0, 0.3);
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}
Решил методом добавления в класс
width: 100%;
outline:none;
border: none;
Кнопка растянулась и пропал эффект 3D кнопки (тени), и она стала плоской, как и задумывалось.
Простой
