Me lo estoy pasando genial con este selector de CSS en particular que no quiere funcionar cuando lo agrego :not(:empty). Parece funcionar bien con cualquier combinación de los otros selectores: input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } Si quito la...
Estoy tratando de optimizar el rendimiento de un sitio consolidando y comprimiendo los archivos CSS y JS. Mi pregunta es más sobre los pasos (concretos) sobre cómo lograr esto, dada una situación real a la que me enfrentaba (aunque también debería ser típico entre otros desarrolladores). Mi...
Estoy tratando de mantener una propiedad de animación CSS después de completar, ¿es posible? Esto es lo que estoy tratando de lograr ... El elemento debe estar oculto cuando el usuario aterriza en la página, después de 3 segundos (o lo que sea), debe aparecer y una vez que la animación se ha...
Actualmente, he puesto esto en la etiqueta del cuerpo para deshabilitar las selecciones de texto: body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } Sin embargo, las cajas my inputy textareaahora no se pueden seleccionar. ¿Cómo puedo hacer...
¿Cuál sería el método correcto para centrar verticalmente cualquier contenido en un ancho / alto definido div? En el ejemplo hay dos contenidos con diferentes alturas, cuál es la mejor forma de centrar verticalmente ambos usando la clase .content. (y funciona para todos los navegadores y sin la...
Necesito encontrar una manera de cambiar CSS: propiedades de desplazamiento usando JavaScript. Por ejemplo, supongamos que tengo este código HTML: <table> <tr> <td>Hover 1</td> <td>Hover 2</td> </tr> </table> Y el siguiente código...
Estaba intentando crear el submenú de arranque de Twitter en el menú desplegable, pero tengo un problema: tengo un menú desplegable en la esquina superior derecha de la página y ese menú tiene un submenú más. Sin embargo, cuando se abre el submenú, no cabe en la ventana y se desplaza demasiado...
SASS tiene una característica llamada @extendque permite que un selector herede las propiedades de otro selector, pero sin copiar las propiedades (como mixins). ¿LESS también tiene esta
Quiero que el lado izquierdo sea verde y el lado derecho gris. Como se muestra arriba sería PERFECTO. Preferiblemente una solución CSS pura (solo hay que preocuparse por WebKit). ¿Es posible tal cosa?
Me gustaría rotar estáticamente mis íconos de fuentes impresionantes en 45 grados. Dice en el sitio que: Para rotar y voltear íconos arbitrariamente, use las clases fa-rotate- * y fa-flip- *. Sin embargo, haciendo <i class="fa fa-link fa-rotate-45"
Tengo un modal de bootstrap 2.32 que estoy tratando de insertar dinámicamente en el HTML de otra vista. Estoy trabajando con Codeigniter 2.1. Después de insertar dinámicamente una vista parcial modal de arranque en una vista , tengo: <div id="modal_target"></div> como div de...
Estoy tratando de crear una forma como en la imagen de abajo con un borde inclinado en un solo lado (por ejemplo, el lado inferior) mientras que los otros bordes permanecen rectos. Intenté usar el método de borde (el código se proporciona a continuación) pero las dimensiones de mi forma son...
Tenga en cuenta que no el panel Estilos (sé lo que significa en gris en ese contexto, no aplicado), sino el siguiente panel, el panel Propiedades calculadas. ¿Qué significa cuando una propiedad calculada aparece atenuada? Ejemplo:
¿Es posible cambiar el color primario de bootstrap para que coincida con el color de la marca? Estoy usando el tema de papel de Bootswatch en mi caso.
Quiero hacer un divpalo en la parte superior de la pantalla sin ninguna influencia sobre otros elementos, y su elemento hijo en el centro. .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div
Estoy desarrollando una página web en un entorno de navegador web mixto (Chrome / IE11). IE11 no admite variables CSS, ¿existe un polyfill o script que me permita usar variables CSS en IE11?
Aquí está el problema. Tengo una imagen: <img alt="alttext" src="filename.jpg"/> Tenga en cuenta que no se especifica altura ni ancho. En ciertas páginas solo quiero mostrar una miniatura. No puedo alterar el html, entonces uso el siguiente CSS: .blog_list div.postbody img {...
Me gustaría usar texto dinámico como fondo de ciertos elementos en mi etiqueta. Por eso, puedo usar imágenes (texto dinámico). ¿Cómo lo hago solo con CSS o JavaScript?
Al escribir una hoja de estilo de impresión, ¿hay alguna manera de garantizar que una imagen esté siempre en una sola página, en lugar de abarcar varias páginas? Las imágenes son mucho más pequeñas que la página, pero según el flujo del documento, terminan en la parte inferior de la página y se...
Tengo el siguiente marcado: <div class="FixedHeightContainer"> <h2>Title</h2> <div class="Content"> ..blah blah blah... </div> </div> El CSS se ve así: .FixedHeightContainer { float:right; height: 250px; width:250px; } .Content { ??? } Debido a su...