estilo CSS de input:file

[wspetrucci]

Buenos dias gente de Foros del Web!!! en este caso tengo una duda sobre un estilo.

No puedo darle estilo a este input, queria saber si alguien sabe como hacer: para centrar el boton "examinar" o bien expandirlo a toda la caja de texto, asi queda mas "lindo"

les subo la imagen




y el codigo css

Código:

#form input[type="file"] {
	width: 60%;
	height: 56px;
	margin-bottom: 15px;
	background: #fff;
	border: solid 1px #acacac;
	text-align: center;
	padding-top: 16px;
}

[pzin]

No se puede.

Lo que se hace habitualmente es poner algún elemento debajo y el propio elemento del formulario darle una opacidad de cero y que abarque lo mismo que el elemento que está por debajo. Y ahí ya puedes hacer lo que quieras.

[wspetrucci]

gracias pzin! voy a intentar eso

[PHPeros]

En realidad sí que se puede, pero solamente está soportado por Webkit (::-webkit-file-upload-button)

[pzin]

Iniciado por PHPeros

En realidad sí que se puede, pero solamente está soportado por Webkit (::-webkit-file-upload-button)

Deja que discrepe, querido.

No es que esté soportado, ya que no es cosa de la especificación. Es una pirula propia.

[superweb360]

http://www.quirksmode.org/dom/inputfile.html

[PHPeros]

Iniciado por pzin

No es que esté soportado, ya que no es cosa de la especificación. Es una pirula propia.

Bueno, pues con pirula entonces

[caricatos]

Hola:

Iniciado por pzin

No se puede.

Lo que se hace habitualmente es poner algún elemento debajo y el propio elemento del formulario darle una opacidad de cero y que abarque lo mismo que el elemento que está por debajo. Y ahí ya puedes hacer lo que quieras.

Alguna vez planteé asociar un input file oculto un tag label, con la apariencia que se quiera. ... No sé si en algún navegador da buenos resultados, pero desde luego que las "piruetas" o "pirulas", no creo que sean aconsejables.

Saludos