submit
в CSS не является стилем, это HTML-элемент <input>
типа «submit», который позволяет отправить форму на сервер.
Тип «submit» используется в HTML формах для создания кнопки, которую пользователь может нажать, чтобы отправить данные формы на сервер для обработки. Кнопка «submit» может иметь различный текст или изображение, которое является ее содержимым, и может быть стилизована при помощи CSS.
Например, следующий HTML-код создаст кнопку «Отправить» в форме:
<form>
<label for="name">Имя:</label>
<input type="text" id="name" name="name">
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<br>
<input type="submit" value="Отправить">
</form>
В CSS вы можете изменить внешний вид кнопки «submit» при помощи класса или идентификатора элемента, например:
input[type="submit"] {
background-color: #3399ff;
color: #fff;
padding: 10px 15px;
font-size: 1.2em;
border: none;
border-radius: 5px;
}
input[type="submit"]:hover {
background-color: #0077cc;
}
Этот CSS-код добавляет собственный стиль для кнопки «submit», устанавливает цвет фона на светло-голубой (#3399ff), цвет текста — белый (#fff), добавляет отступ паддинг, задает размер шрифта и скругляет углы с помощью CSS-свойства border-radius
. Когда пользователь наводит курсор мыши на кнопку, CSS меняет цвет фона на более темный синий (#0077cc).