Ocultar botón de valor a través de CSS

Hola,

Tengo una forma de diseño en el que voy a acabar usando una imagen de fondo de un botón de enviar, que tiene el texto, en un estilo funky, para el botón. Sin embargo, no quiero hacer el valor en blanco para asegurar la máxima compatibilidad y accesibilidad.

así, es posible ocultar el valor de un botón de enviar a través de CSS? Tengo javascript soluciones, pero me gustaría que a base de CSS.

Im no seguro si esto funciona, pero trate de

Yo no había examinado acercando así, pero lamentablemente no funciona: /

Uso de un ID:


Uso de una clase:

He probado ambas cosas, y uno debe trabajar.

Gracias por la respuesta Hob,

El color no transpare solución no funciona para IE 6 o Opera 9,50 beta, funciona para firefox 3 beta sin embargo - no tengo otros navegadores aquí para probar, pero no es una solución 100%.

Hasta puedo cavar hasta algo mejor, he decidido mantener el valor en blanco, si el cliente viene con las cuestiones que tendré que javascript o algo.

No parece ser una solución eficaz.

Gracias por las respuestas que los chicos.

Ah - mi mal. Yo no comprobar en Opera o en IE 6. Me di cuenta que no funciona en IE 8 (beta) bien.

Como acotación al margen, no creo que todo basado en CSS de solución es ir a trabajar para IE 6. Yo podría estar equivocado acerca de que, por supuesto, pero Im bastante seguro.

EDIT: Mirando alrededor, me encontré con esto: http://www.ampsoft.net/webdesign-l/image-button.html
Su tipo de eludir el problema, pero funciona con o sin hojas de estilo, y la mayoría de su cruzada navegador compatible (he probado en Opers 9. 5, Internet Explorer 6, 7 y 8, Firefox 3, Safari para Windows 3, Maxthon y 2 sin ningún problema).

¿Es la imagen o hacer lo que desea es ocultar el botón? Si es así, ¿por qué no usar algo como esto?

Yo podría ser la lectura de este mal, pero parece que están tratando de ocultar el texto sobre el botón para que todo lo que ve es el texto incorporado en la propia imagen?

Si esa es el caso, la negativa ol guión truco podría funcionar para usted:

Lovely hack - pero croaks en IE7.

SigmaX

Parece funcionar bien para mí en IE7...

Debo de aclarar que yo estaba usando un botón, no una imagen. Si yo uso el texto-guión, todo el botón se "sangría" en el olvido, no sólo el texto.

Siggy

Ah, tiene usted razón .. IE7 no parece como que uno con botones. Parece que no puedo conseguir nada para hacer desaparecer el valor tampoco. Parece que usted podría tener que recurrir a la solución de JavaScript ..

¿Y esto?





Juraría que había algo acerca de no ser capaz de utilizar <button> la primera vez que vi este hilo.

Usted puede utilizar la opacidad para ocultar el botón y todavía sea funcional:


Yo lo uso para el estilo de un botón de entrada de archivo y que funciona bien en IE6 +, Firefox2 +, Opera 9.5 y Safari (para Windows) y se puede ver una muestra aquí:
http://www.sanityinnegation.com/test/

Hey Kami,

Traté de esto y por arte de magia funcionó en IE7 y IE6 y FF3. Espero que ayude...

ps: no funcionará si el texto se elimina transformar...