duda con los tamaños

phpnovatophp · #1 (**permalink**) 19/05/2014, 13:19

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<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        *{
        margin: 0;padding: 0;       
        }
        body{
        width: 900px;
        background-color: antiquewhite;
        }
        form{
        width: 800px;
        margin: 0 auto;
        background:  darkorange;
        padding: 5px;
        border-radius: 10px;
        } 
        fieldset{
        width: 50%;
        background: chartreuse;
        }
        label, input, select{
        width: 150px;
        margin: 0 auto;
        display: inline-block;      
        }   
        label{
        color:black;
        text-align: right;
        }
        input[type="submit"]{       
        height: 55px;
        margin: 5px;
        }
    </style>
    </head>
    <body>
    <form>
        <fieldset>
        <label>nombre</label><input type="text" name="nombre">
        <label>apellido</label><input type="text" name="nombre">
        <label>contraseña</label><input type="text" name="nombre">
        <label>provincia</label><select name="select">
            <option value="cinco">cinco</option>
            <option value="mad">Madrid</option>
        </select>
        <label>poblacion</label><input type="text" name="nombere">
        <label>contraseña</label><input type="checkbox" name="fhdf" value="kfhef">
        <label>dlfjdlfj</label><input type="checkbox" name="df" value="hombre">
        <input type="submit" value="enviar">
        </fieldset>
    </form>
    </body>
</html>