CSS - problema en formulario con css

 
Vista:

problema en formulario con css

Publicado por xploshioon (1 intervención) el 02/09/2011 15:25:30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
<link href="cssformulario.css" rel="stylesheet" type="text/css">
</head>
<body>
<form name="form" action="">
<fieldset>
<legend>Formulario de Contacto</legend>
 
<label for="nombre">Nombre
<input type="text" name="nombre" id="nombre">
 
<label for="correo">Correo:
<input type="text" name="correo" id="correo">
 
<label for="Asunto">Asunto:
<input type="text" name="Asunto" id="Asunto">
 
<label for="descripción">Descripción:
<textarea id="descripcion" rows="8">Aqui coloca la descripcion</textarea>
</fieldset>
</form>
</body>
</html>

Tengo este formulario, que llama a un css, que es este

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
label, input {
display:block;
}
 
fieldset {
width:60%%
}
 
fieldset legend {
color:#317B08;
}
 
textarea {
width:100%;
}
 
input {
width:100%;
margin-bottom:7px;
padding:5px;
}
 
label {
color:#317B08;
}
 
input:focus, textarea:focus {
background-color:#FFFFBB;
padding:10px;
}
 
input:hover, textarea:hover {
background-color:#C0C0C0;
}

pero tengo un problema, cuando presiono alguno de los input el foco se va al primero, osea al de nombre..!! que podria ser??
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder