Debido a que durante más de un año de trabajo, hacer el trabajo y son, básicamente, webkitde la familia de tratar.
En primer lugar, hacer estación de m, y más tarde hizo dos appincorporado en hybridel proyecto, no se considera sólo webkitel prefijo y las pseudo-clases asociadas.
Recientemente iniciado más de cuatro meses de los sistemas de gestión internos, el estilo de escritura, y de vez en cuando para estar calendar, treecomo componentes, todos básico solamente consideran la nueva versión Chrome. Nunca tienen en cuenta otras cuestiones.
Recientemente ayudar a la gente a resolver firefoxalgunos de los problemas de compatibilidad bajo. QApapel de la hermana presentó montón “bug”. BugUna lista de las personas parecía dolor de cabeza y un poco culpable. Vaya.
Paso a paso, primero abrir la consola. Algunas investigaciones y encontró que muchos “bug”son cuestiones de estilo, no es compatible con la escritura de no hacerlo así.
He aquí un desglose de algunos bajo recientemente descubierto bug, que se considera un memorándum. Más tarde todavía tiene que prestar atención a ah.
A) siguen utilizando el background-position-X se
Anteriormente leer alguna especificación CSS, subrayado en repetidas ocasiones a no utilizar background-position-xla propiedad y similares.
Como BaiduFEX señaló:
4.6 posición 2D
[Fuerza] se debe dar la ubicación de las direcciones horizontal y vertical simultáneamente.
/* good */
body {
background-position: center top; /* 50% 0% */
}
/* bad */
body {
background-position: top; /* 50% 0% */
}Ha sido acatar esta regla, pero no entrar en los motivos.
Hasta este momento, en realidad tenemos un problema. Sólo en la consola descubrí que background-position-xla Firefoxsiguiente es **无效**en! ! !
B) Hey, por lo que aún no ha comenzado a validar el cuadro de texto de entrada se puso roja?
La segunda pregunta.
Formar un proyecto para modificar la contraseña. La verificación no se pasa, el cuadro de entrada con un borde rojo.
Entonces QApapel de la hermana se dice en la descripción:
firefoxNavegador, cambiar su página de contraseña, no introducir caracteres en el cuadro de entrada, entrada de caja de color es rojo
Pensé que era donde el js no está escrito todavía. Buscando desde hace mucho tiempo, decidí comenzar desde el estilo.
FirefoxDepuración panel de herramientas, parece que sólo muestra los estilos de hojas de estilo. estilo por defecto del navegador, es difícil de encontrar. Puedo experimentar un poco.
Finalmente, encontramos inputel cuadro de entrada parece haber traído una requiredpropiedad. Esto es HTML5donde los elementos de formulario de representación requieren atributos. Podría el problema aquí? Intente eliminar esta propiedad, lo que realmente resuelto.
De hecho, este borde rojo, no es border, pero box-shadowah.
La última solución es conseguir junto con el presente CSS:
input:required:invalid {
box-shadow: none;
}C) frote I, escrito con claridad outline: 0 , pero ah natural y huevo
QApapel de la hermana también refleja, entrada, registro y otros puntos de vista botones, en el Firefoxdespués de la forma en clics, aparecerá un borde negro ah?
¿Qué? Está escribiendo código en el niño compañero de delante no sabe :active, :focusescribir un estado inferior outline:0ah? Esto no científica.
Así comenzó un viaje de exploración mágica (gu) Cable (GE).
Esta vez la respuesta es que en realidad no es negro delgada línea outline. Se trata de una pseudo-clase extraña ::-moz-focus-inner. Kusi simplemente en el teclado.
Por lo tanto, el código siguiente para resolver el problema:
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border-color: transparent;
}Por último, algún otro
¿Qué
clipboardDatapreguntas pegar imágenes, ver más arriba una columna [get] capturar datos en una página Web y la experiencia práctica en Chrome Firefox ;Algunas cosas, escribió ese comentario, y olvidados. .
CONTINUARÁ...