Quiero dar estilo a los botones de opción con CSS puro, sin clases o ID. Simplemente ingrese [type = radio]. Quiero utilizar una imagen de fondo para no seleccionada y seleccionada. Sin embargo, the -vendor-appearance: none; no funciona con Trident o Gecko. Solo Webkit. En esos navegadores puede ver la imagen de fondo como fondo del botón de opción, pero el botón aún está allí en lugar de solo mostrar la imagen, ¿cómo puedo deshacerme del botón para que solo se muestre la imagen de fondo? El violín: http://jsfiddle.net/7kScn/Estilo de botón de radio
7
A
Respuesta
8
Puede usar un truco selector de CSS2 para conectarse a un grupo de radio y mostrar otras cosas inmediatamente después.
Ver: http://jsfiddle.net/7kScn/1/
Es sólo un ejemplo básico, pero opera en la premisa de ocultar el campo de entrada y luego peinar la etiqueta inmediatamente después de ella, dándole el sentido de que es la cosa real que se está comprobando .
1
¿Es esto de uso? entrada [tipo = radio]: marcado { borde: 1px negro sólido; }
0
escribí un tutorial sobre cómo personalizar casillas de verificación y radios con CSS única, así como crear interruptores de encendido/apagado a través de labrar la etiqueta y el uso es :before
y :after
pseudoclasses. Tal vez esto ayude :) Léalo aquí: http://blog.felixhagspiel.de/index.php/posts/custom-inputs
Cuestiones relacionadas
- 1. MVC Razor Botón de radio
- 2. Botón de radio marcado propiedad
- 3. Radio androide botón
- 4. Radio Control Dinámico Botón
- 5. Botón de alternar como botón de opción estilo
- 6. Validación de botón de radio en javascript
- 7. Imagen de fondo del botón de radio
- 8. Botón de radio de Firefox Weirdness
- 9. ¿Cómo vincular ENUM al botón de radio?
- 10. Cambiar tamaño: Botón de radio Android
- 11. Evento para seleccionar el botón de radio?
- 12. jQuery .change() en el botón de radio
- 13. JQuery: obtener el valor botón de radio
- 14. botón de radio simple_form_for rails en línea
- 15. Botón de radio no alternar su estado
- 16. Botón de radio con html.radiobutton ASP.NET MVC
- 17. Accesibilidad del botón de radio (cumplimiento 508)
- 18. Estilo de botón en AlertDialogs
- 19. jQuery Mobile - Estado Cambio botón de radio mediante programación
- 20. ícono de botón de radio móvil de jquery
- 21. jQuery UI: Estilo de botón de diálogo
- 22. El texto dentro de un botón de radio
- 23. Selección de un botón de radio con Rspec
- 24. Mejor implementación de botón de radio para IOS
- 25. Oyente de acción con un botón de radio
- 26. código de selenio para seleccionar el botón de radio
- 27. Botón de radio en la vista de lista
- 28. botón de validación grupo de radio dinámicos en jQuery
- 29. ¿Cómo extiendo el estilo de un botón?
- 30. Enviar estilo de botón en IE
CSS3? :(es un sitio de comercio electrónico, ninguna de las funcionalidades puede basarse en CSS3, solo el estilo. Si se vuelve a mostrar las casillas de verificación normalmente, sería aceptable, pero si llama a 'display: none;' que Realmente no puedo usar eso. – henryaaron
De acuerdo con [este cuadro de compatibilidad] (http://www.quirksmode.org/css/contents.html), este selector específico debería funcionar bien en su estado actual. No está soportado en IE6. (esas notas sobre estática para IE7/8 no afectan este uso). Parece haber sido CSS2 (?). – animuson
Pero mi sitio no usa etiquetas, ¿cómo funcionaría sin la etiqueta + – henryaaron