Discussion :

[lebanner59]

Bonjour a tous,

Est ce qu'il est possible de modifier la hauteur du value dans un input svp ?

Je tente de le faire depuis un moment mais sans succès.

Voici mon code html :

Code html :

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

1
2
3
<form name="rech" method="post">
<input type="submit" id="submit" name="submit" class="boutonnew empty vert" value="lorem ipsum et bla et bla"></input>
</form>

Voici le CSS associé :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
.boutonnew {
	width:170px; 
	height:60px;
	padding:8px 0; 
	text-align:center; 
	text-decoration:none;
	display: inline-block;
	margin-top:20px;
	float:left; 
	margin:0 15px 15px 0; 
	font-size: 20px; 
	border-radius:7px; 
	box-shadow: 0 0 1px rgba( 0, 0, 0, 0.2), 0 -1px 0 rgba( 255, 255, 255, 0.1); 
	font-size: 23px; 
	color:#333; 
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
 
}	
.boutonnew.vert {
	background: #91BD09;
	background: -webkit-linear-gradient( #91BD09, #4E9939); 
	background: -moz-linear-gradient( #91BD09, #4E9939); 
	background: -ms-linear-gradient( #91BD09, #4E9939); 
	background: -o-linear-gradient( #91BD09, #4E9939); 
	background: linear-gradient( #91BD09, #4E9939);
	}
.boutonnew.vert:hover{
	background: #A3C416;
	background: -webkit-linear-gradient( #A3C416, #55A53C);
	background: -moz-linear-gradient( #A3C416, #55A53C);
	background: -ms-linear-gradient( #A3C416, #55A53C);
	background: -o-linear-gradient( #A3C416, #55A53C);
	background: linear-gradient( #A3C416, #55A53C);
	}	
.boutonnew.vert:active{box-shadow: 1px 1px 10px #285419 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}
.boutonnew.vert {color:#3D722E; text-shadow: 0px 1px 0px rgba( 226, 200, 200, 0.4);}
 
input[type=submit] {
width: 169px;
height:76px;
border:0;
display: inline-block;
vertical-align: middle;
font-size:22px; 
}

Résultat : le texte est coupé sur le bouton, je souhaite qu'il m'affiche tout le texte sans modifier les dimensions du bouton


Merci d'avance
Cordialement,