[SOLUCIONADO] Selects del mismo tamaño propiedades?¿

[CMushroom]

Como consigo que tengan el mismo tamaño los selects , por ejemplo que todos tuvieran el tamaño mas o menos del input

Código HTML:

if($contador==4)
		{	             
		 ?>
         <br>Ingrese los datos de busqueda<br><br>
            <form action="MostrarConsulta3.php" method="POST" class="estiloformulario"> 
			<br> 
            <input type="text" placeholder="Introduzca Matricula" name="Matricula" size="35" maxlength="35" class="button" /> Matricula
            <br><br> 
            <select name="Licenciatura" size"50" class="button" > 
                <option>Seleccione una Opción...</option>   
                <option value="001">Informatica</option> 
                <option value="002">Contaduria</option>
                <option value="003">Administracion</option> 
                <option value="004">Administracion a distancia</option>         
            </select> Licenciatura
            <br /><br />
            <select name="Grupo" size"50" class="button" >
                <option>Seleccione una Opción...</option> 
                <option value="1">1 uli</option>    
                <option value="2">2 uli</option>    
                <option value="3">3 uli</option> 
                <option value="4">4 uli</option>    
                <option value="5">5 uli</option>    
                <option value="6">6 uli</option> 
                <option value="7">7 uli</option>    
                <option value="8">8 uli</option>     
            </select> Grupo
            <br /><br />
            <select name="Semestre" class="button" size"50">
                <option>Seleccione una Opción...</option>   
                <option value="1">1er</option>    
                <option value="2">2do</option>    
                <option value="3">3er</option>
                <option value="4">4to</option>    
                <option value="5">5to</option>    
                <option value="6">6to</option> 
                <option value="7">7mo</option>    
                <option value="8">8vo</option>    
                <option value="9">9no</option>
                <option value="10">10mo</option>              
            </select> Semestre
            <br /><br />
            <select name="Turno" class="button" size"34">   
                <option>Seleccione una Opción...</option> 
                <option value="Matutino">Matutino</option> 
                <option value="Vespertino">Vespertino</option>              
            </select> Turno
            <br /><br />
            <select name="Sexo" class="button" size"34">
                <option>Seleccione una Opción...</option>   
                <option value="Masculinoo">Masculino</option> 
                <option value="Femenino">Femenino</option>     
            </select> Sexo
            <br /><br />
            <input type="submit" value="Registrar"/>
        </form> 
         <?php
		}
    include("CerrarConexion.php");
	
?> 

[emprear]

tamaño? te referis al ancho?
con la propiedad width de css

Código CSS:

select,input.texto{
width: 500px;
}
 

Código HTML:

<input type="text" value="" class="texto" /><br />
<select>
<option>xxxxx</option>
</select>
 

Saludos

[nedyer]

hay 3 formas, alterando la etiqueta html por id o por clase.


forma 1: alterando todos los select html

Código CSS:

select { width: 300px; }
 

Código HTML:

<select></select>
 

forma 2: alterando solo el id, altera el select que tengan el id #hola

Código CSS:

#hola { width: 300px; }
 

Código HTML:

<select name="hola" id="hola"></select>
 

forma 4: alterando por clase, altera a todos los select que tengan la clase .hola

Código CSS:

.hola { width: 300px; }
 

Código HTML:

<select name="hola" class="hola"></select>
 

[CMushroom]

Iniciado por nedyer

hay 3 formas, alterando la etiqueta html por id o por clase.


forma 1: alterando todos los select html

Código CSS:

select { width: 300px; }
 

Código HTML:

<select></select>
 

forma 2: alterando solo el id, altera el select que tengan el id #hola

Código CSS:

#hola { width: 300px; }
 

Código HTML:

<select name="hola" id="hola"></select>
 

forma 4: alterando por clase, altera a todos los select que tengan la clase .hola

Código CSS:

.hola { width: 300px; }
 

Código HTML:

<select name="hola" class="hola"></select>
 

gracias

[CMushroom]

Iniciado por emprear

tamaño? te referis al ancho?
con la propiedad width de css

Código CSS:

select,input.texto{
width: 500px;
}
 

Código HTML:

<input type="text" value="" class="texto" /><br />
<select>
<option>xxxxx</option>
</select>
 

Saludos

gracias