Establecer el atributo de tamaño de etiqueta a través de css?

Question

Normalmente se puede hacer esto:

<select size="3"> 
    <option>blah</option> 
    <option>blah</option> 
    <option>blah</option> 
</select> 

y sería rendir como selectionbox donde las tres opciones son visibles (sin que se caiga hacia abajo)
Busco una manera de establecer este atributo tamaño de CSS.

Answer 1

No hay una opción para establecer el tamaño, pero si configura el tamaño, algunos navegadores le permitirán establecer las propiedades de ancho/alto a lo que desee a través de CSS.

Algunos = Firefox, Chrome, Safari, Opera.

No hay muchas obras en IE, aunque (ninguna sorpresa)

Se podría, sin embargo, si usted quiere, expresiones uso de CSS en IE, para comprobar si se establece el atributo de tamaño, y si es así, ejecutar JS para (re) ajústelo al tamaño que desee ... ej.

size = options.length; 

Answer 2

no creo que esto es posible sin

Answer 3

No creo que esto es posible.

Las propiedades de CSS son muy genéricas (aplicables a cualquier elemento) y no pueden alterar la funcionalidad de un elemento de ninguna manera (solo las miradas).

atributo El tamaño está cambiando la funcionalidad del elemento al menos en el caso del tamaño = 1/tamaño! = 1.

Answer 4

En general no se puede agregar atributos establecidos en el archivo HTML a través de CSS. Puede agregar al html utilizando los pseudo selectores: antes y después, pero eso es todo, además de que aún no son compatibles en todos los navegadores. Si realmente necesitas hacer esto, creo que tendrías que recurrir a Javascript.

Answer 5

que no están de acuerdo, he sido capaz de establecer seleccione anchura y altura usando CSS con algo como esto:

select { width: 5em; height: 5em; } 

Obras en IE (7), así como acabo probado.

Answer 6

Prueba esto:

select[attr=size] { 
    width:auto; 
    height:auto; 
} 

Answer 7

permite utilizar las siguientes selector de CSS para seleccionar elementos del estilo con el atributo de tamaño:

select[size]{ 
/*your style here */ 
}