Me gustaría diseñar windows.confirm estándar sin usar ningún código JavaScript adicional, solo con CSS. ¿Es posible? Y si lo es, ¿cómo puedo hacerlo?¿Cómo se forma el cuadro de confirmación predeterminado con solo css?
Respuesta
No es posible. Esta ventana se muestra en el navegador utilizando el kit de interfaz de usuario de la plataforma. No está en el DOM, no es visible desde el CSS o Javascript, no hay nada que puedas hacer.
Sin embargo, un código jQuery muy simple puede hacer el truco. ¿Qué hay de $('a').confirm();
?
Muchas gracias, esperaba que hubiera una posibilidad de hacerlo sin complementos. :) Supongo que tendré que usar JQuery después de todo. – opportunato
confirm();
las alertas no se pueden diseñar, son genéricas para el navegador. Si desea diseñar una alerta, pruebe alternativas como boxy o jQuery dialog box.
Here es un tutorial sobre cómo se puede crear una alerta de confirmación personalizada en jQuery y estilo con CSS.
¡Muchas gracias! Un tutorial muy útil. – opportunato
boxy link no funciona. –
Esta es una pregunta muy antigua. Pero sentí la necesidad de pasar esta información aquí. Observé que puede "diseñar" la confirmación con caracteres especiales, como \ n, \ t, \ r, ... etc.
Sin embargo, esos no son estilos. Los estilos serían tales como la fuente, el tamaño, el color, etc. Sin embargo, tienes razón en la capacidad de usarlos. – Fata1Err0r
- 1. jQuery borrar cuadro de confirmación
- 2. Jquery cuadro de confirmación
- 3. Cuadro de diálogo Dojo con el botón de confirmación
- 4. Cuadro de confirmación de JavaScript con botones personalizados
- 5. Eliminar ActionLink con el cuadro de diálogo de confirmación
- 6. JavaScript: ¿Cómo seleccionar "Cancelar" de forma predeterminada en el cuadro de confirmación?
- 7. Deshabilitar un cuadro de texto con CSS
- 8. jqGrid Reposicionar Eliminar Cuadro de confirmación
- 9. Deshabilitar el cuadro de confirmación de delGridRow en jqGrid
- 10. Cuadro de diálogo de confirmación GWT
- 11. ¿Cómo uso un cuadro de diálogo jQueryUI para confirmación?
- 12. JavaFX-CSS predeterminado
- 13. Cómo seleccionar "Cancelar" de forma predeterminada en el cuadro de confirmación al cerrar una pestaña del navegador
- 14. Establecer el título del cuadro de diálogo de confirmación
- 15. ¿Cómo se muestra un cuadro de diálogo de confirmación antes de enviar un formulario con el método jQuery ajax?
- 16. ¿Cómo hacer clic automáticamente en un cuadro de confirmación?
- 17. Uso de una plantilla KnockoutJS vinculante con el cuadro de diálogo de confirmación de jQuery UI
- 18. ¿Cómo doy estilo al cuadro de alerta con CSS?
- 19. ¿Puedes mostrar una pista gris en un cuadro de texto HTML con CSS solo?
- 20. Nombre de archivo CSS predeterminado
- 21. ¿Cómo se implementa el texto predeterminado para un cuadro de búsqueda en WPF?
- 22. Devolver el valor del cuadro de diálogo de confirmación mediante el diálogo de IU de JQuery
- 23. ¿Cómo cambiar el tamaño del botón en el cuadro de diálogo de confirmación de Jquery Ui?
- 24. ¿Cómo se establece un valor predeterminado con jquery autocompletar combobox?
- 25. CSS que solo se aplica a Chrome?
- 26. Cómo obtener BackSpace: ¿con solo el límite de números en el cuadro de texto?
- 27. ¿Cómo abro el programa de correo predeterminado con un Sujeto y Cuerpo de forma multiplataforma?
- 28. ¿Es posible usar un cuadro de confirmación modal usando JQuery?
- 29. establecer ancho dinámico con solo CSS?
- 30. Git: cómo fusionar de forma inversa una confirmación?
Un ejemplo sería un gran paso en la dirección correcta. – Kyle
@Kyle No veo por qué su pregunta necesita un ejemplo. Él lo explicó perfectamente bien. – kevr