Tema: duda con los tamaños
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/05/2014, 13:19
phpnovatophp
 
Fecha de Ingreso: mayo-2014
Ubicación: madrid
Mensajes: 27
Antigüedad: 10 años
Puntos: 1
duda con los tamaños
Hola chicos. soy nuevo en esto. estoy aprendiendo css y html.
estoy dando forma a un formulario con css y no se porque el <select></select> del formulario me sale de diferente tamaño que los <input></input>.

tienen el mismo tamaño definido pero a la hora de la verdad el select es un poco mas pequeño.
¿xq pasa eso? y ¿cómo se corrige?

AQUI OS DEJO EL CÓDIGO:

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <!--
  3. To change this license header, choose License Headers in Project Properties.
  4. To change this template file, choose Tools | Templates
  5. and open the template in the editor.
  6. -->
  7. <html>
  8.     <head>
  9.     <title>TODO supply a title</title>
  10.     <meta charset="UTF-8">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.     <style>
  13.         *{
  14.         margin: 0;padding: 0;       
  15.         }
  16.         body{
  17.         width: 900px;
  18.         background-color: antiquewhite;
  19.         }
  20.         form{
  21.         width: 800px;
  22.         margin: 0 auto;
  23.         background:  darkorange;
  24.         padding: 5px;
  25.         border-radius: 10px;
  26.         } 
  27.         fieldset{
  28.         width: 50%;
  29.         background: chartreuse;
  30.         }
  31.         label, input, select{
  32.         width: 150px;
  33.         margin: 0 auto;
  34.         display: inline-block;      
  35.         }   
  36.         label{
  37.         color:black;
  38.         text-align: right;
  39.         }
  40.         input[type="submit"]{       
  41.         height: 55px;
  42.         margin: 5px;
  43.         }
  44.     </style>
  45.     </head>
  46.     <body>
  47.     <form>
  48.         <fieldset>
  49.         <label>nombre</label><input type="text" name="nombre">
  50.         <label>apellido</label><input type="text" name="nombre">
  51.         <label>contraseña</label><input type="text" name="nombre">
  52.         <label>provincia</label><select name="select">
  53.             <option value="cinco">cinco</option>
  54.             <option value="mad">Madrid</option>
  55.         </select>
  56.         <label>poblacion</label><input type="text" name="nombere">
  57.         <label>contraseña</label><input type="checkbox" name="fhdf" value="kfhef">
  58.         <label>dlfjdlfj</label><input type="checkbox" name="df" value="hombre">
  59.         <input type="submit" value="enviar">
  60.         </fieldset>
  61.     </form>
  62.     </body>
  63. </html>