Como estilizar una validación nativa de HTML5 con CSS3?

[OsquiB]

Hola gente tengo una pregunta:
Necesito validar un formulario de registro para una web, en un principio pense hacerlo con JS y PHP pero dado que JS se puede desabilitar me parecio mas rapido y practico validar el formulario de forma nativa con HTML5 y PHP. Aparte me gusta como lo hace :P
El tema esta en que quiero estilizar a mi gusto el mensaje de error, alguien sabe como hacerlo ? y me explico mejor:

Por ejemplo en IE, al completar un campo con caracteres no validos, el campo tiene un borde rojo horrible y ademas sale el cartelito o popup o como lo quieran llamar. En google chrome no sale ese borde rojo pero sale una mini imagen con un signo de exclamación (!) junto con el mensaje de error.

hay alguna forma de editar eso? es decir, que no salga ningun borde en ningun navegador y que el mensaje sea estéticamente igual en los navegadores ?

Si alguien conoce una forma mejor de validar un formulario que me diga :D

[pzin]

No se puede. Al menos no oficialmente. En Chrome se podían usar cosas como ::-webkit-validation-bubble y alguna cosa más, pero creo que lo quitaron. Para Firefox creo que hay algo parecido también.

Si quieres estilizarlo como tú quieras, mejor hazlo mediante JavaScript, o por medio del lenguaje de servidor que uses.
Puedes desactivar la validación de HTML5 añadiendo novalidate al formulario.

[OsquiB]

Y como podria validar campos con con mensajes con estilo de blogo como lo hace html5 ?

[Alexis88]

Podrías personalizar las validaciones (en la medida de lo posible), mediante la pseudo-clase :invalid. También puedes predeterminar un mensaje en el globo que aparece cuando se presenta una anomalía, desde el atributo title.

Saludos