Bouton submit cliquable sur toute la surface

**Erickeee** · 06/03/2022, 12h02

Bonjour à tous,

J'ai créé un formulaire avec 3 boutons radio pimpés en css, et un bouton submit "Je valide !".
La zone cliquable de ce bouton submit se limite au texte par défaut, mais j'aimerais que la zone orange tout autour soit aussi cliquable, c'est beaucoup plus pratique d'avoir une zone plus large (surtout que c'est pour du mobile principalement).

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="bouton-submit-choix1"><input type="submit" value="Je valide !"></div>

code css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.bouton-submit-choix1 {
	background: linear-gradient(to bottom right, #fc4c4c ,#fe8664);
	color: white;
	border-radius: 7px;
	height: 50px;
	width: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	font-weight: 600;
	margin: 0 auto;
}