Articles of css3

Estilo de flecha de cuadro de selección de CSS

Quiero eliminar la flecha predeterminada del cuadro de selección y quiero usar un icono personalizado. De las respuestas anteriores en SO, descubrí que no es posible (para que funcione con los principales navegadores). La única posibilidad es ajustar la selección dentro de un div, y establecer su ancho más que el ancho del div y […]

-moz-background-clip: el texto no funciona en Firefox

Estoy tratando de completar el contenido de un texto en una etiqueta h1 por una imagen. Siguiendo mi comprensión ;-), estoy haciendo lo siguiente en el html: MY WONDERFULL TEXT Y en el archivo css: .image_clip{ background: url(../images/default.png) repeat; -moz-background-clip: text; -moz-text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } El hecho es que no produce el […]

La altura del contenedor flexible no funciona correctamente en Safari

Así que tengo un flexbox con columnas y max-height para hacer que las columnas se apilen una al lado de la otra en 3 columnas. Esto funciona bien en Chrome, pero en Safari parece que solo usa la última columna (más a la derecha) para establecer la altura real del contenedor. He hecho un ejemplo […]

Columnas de altura igual con contenido centrado en flexbox

Me gustaría tener dos columnas de igual altura y su contenido debe estar alineado en el medio, por lo que está en el centro de cada div. Problema: ‘igual altura’ y ‘alineación media’ parecen excluirse, el uno no funciona con el otro. Pregunta: ¿Cómo puedo crear una fila con dos columnas con diferente ancho, igual […]

Eliminar texto predeterminado / marcador de posición presente en html5 elemento de entrada de tipo = fecha

Estoy usando un elemento de entrada html con tipo como fecha, Cuando uso el elemento anterior, crea un formato de fecha predeterminado, es decir, el texto mm / dd / aaa dentro de ese elemento de entrada. ¿Cómo elimino este texto predeterminado? Traté de agregar el estilo a continuación en mi página, pero también está […]

Use un nuevo archivo CSS para reemplazar el CSS del sitio web actual

Mi sitio web tiene actualmente 3 archivos CSS que se incluyen automáticamente como parte del sitio web y no tengo acceso a la fuente, es decir, index.html del sitio web, pero sí tengo acceso a los archivos CSS de mi sitio web. Intento usar mi propio estilo para anular los archivos CSS de mis sitios […]

¿Por qué el tamaño de la caja actúa diferente en la mesa frente a div?

Aquí está el HTML: http://jsfiddle.net/jC8DL/1/ Outer div Inner div, 10px margin. Inner div, 10px padding. Same, with box-sizing: border-box Inner table, 10px padding Y se ve así en mi Chrome: Creo que entiendo todo hasta la última. Mi inspector de Chrome muestra que el estilo de box-sizing calculado de la tabla es content-box así que […]

Flexbox, z-index & position: static: ¿Por qué no funciona?

De acuerdo con la especificación flexbox: ..4.3. Los valores Flex Order Z, … y z-index distintos a auto crean un contexto de astackmiento incluso si la position es static . Entonces, pensé que z-index / opacity debería funcionar como siempre con flexbox, pero cuando lo aplico a este HTML / CSS no funciona (mi objective […]

Redireccionamiento automático del sitio móvil

Acabo de crear mi primer sitio móvil jQuery. Quiero que personas que vean mi “Sitio completo” con un teléfono móvil se transfieran automáticamente al “SITIO MÓVIL”. Pero también tienen la capacidad de hacer clic en un enlace para ver el sitio completo si lo desean. No tengo idea de por dónde empezar. ¿Hay algún JavaScript […]

Elementos CSS3-Animar si están visibles en la ventana gráfica (Desplazamiento de página)

He agregado animaciones CSS a varios elementos div en mi página html. Pero todas las animaciones se reproducen al mismo tiempo y no puedo ver las animaciones en la parte inferior de la página. ¿Cómo puedo hacer que jueguen mientras me desplazo por la página? ?