PageUp
@PageUp
Default

Как input type="submit" заставить принять другой вид?

Кнопка передачи данных на сервер не хочет менять вид кнопки. Я хочу растянуть ее во весь экран, сделать широкой, а она все равно квадратная. Пробовал разные варианты смены класса, стиль прописывал в 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 кнопки (тени), и она стала плоской, как и задумывалось.
  • Вопрос задан
  • 417 просмотров
Решения вопроса 1
@alekcena
Нелинейный наставник
Любая кнопка в form будет вызывать событие submit - стилизуйте её
Проверьте стили. В инспекторе кода.
Подключается ли файл.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы