Articles of css

jQuery anula la visualización de mensajes de error de validación por defecto (Css) Popup / Tooltip like

Estoy tratando de sobrepasar la etiqueta del mensaje de error predeterminado con un div en lugar de una etiqueta. También he consultado esta publicación y cómo hacerlo, pero mis limitaciones con CSS me inquietan. ¿Cómo puedo mostrar esto como algunos de estos ejemplos? Ejemplo n. ° 1 (Dojo) : debe escribir una entrada no válida […]

¿Se solucionó el problema del tamaño de fuente en Mobile Safari (iPhone) donde el texto se procesa de forma inconsistente y algunas fonts son más grandes que otras?

Nuestro sitio se presenta con tamaños de fuente inconsistentes en Safari móvil, y hasta donde podemos decir, solo Mobile Safari. Esto nos ha dejado perplejos. Analizamos el sitio con Firebug, y las áreas incorrectas heredan los estilos correctos, pero las fonts siguen mostrándose con los tamaños incorrectos. 1) Visite http://www.panabee.com . 2) Llevar a cabo […]

Eliminar Safari / Chrome textinput / textarea glow

Me pregunto si es posible eliminar el brillo azul y amarillo predeterminado cuando hago clic en una entrada de texto / área de texto usando CSS.

Webfont Smoothing y Antialiasing en Firefox y Opera

Tengo algunos webfonts personalizados integrados en mi sitio y uso cosas como //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; para diseñar mi salida de renderizado Esto funciona bien en Safari y Chrome. Obtuve bordes más nítidos y líneas más delgadas. ¿Hay alguna forma de hacer cosas así en Firefox? ¿O Opera?

Seleccione las entradas y las entradas de texto en HTML – ¿La mejor manera de hacer el mismo ancho?

Tengo una forma simple como esa (solo con fines ilustrativos) … Name Country Australia USA Mi método de diseño con CSS es el siguiente … form { width: 500px; } form .input-row { display: block; width: 100%; height: auto; clear: both; overflow: hidden; /* stretch to contain floated children */ margin-bottom: 10px; } form .input-row […]

importe el archivo .css en el archivo .less

¿Puedes importar archivos .css en archivos .less …? Estoy bastante familiarizado con menos y lo uso para todo mi desarrollo. Regularmente uso una estructura de la siguiente manera: @import “normalize”; //styles here @import “mixins”; @import “media-queries”; @import “print”; Todas las importaciones son otros archivos .less y todo funciona como debería. Mi problema actual es este: […]

¿Cómo funciona la especificidad de CSS?

Tengo algunas clases de CSS que están encadenadas. ¿Puede alguien explicar cómo funciona el siguiente código? Muestra el texto como verde. ¿Alguien puede explicar? .a .c { color: red; } .b .c { color: green; } .c { color: blue; } hi

Fusionando selectores de mixins

Intento contener estilos / trucos generales en un archivo de mezcla separado que se puede aplicar a cualquier proyecto cuando sea necesario. Algunos de estos estilos requieren varios elementos para funcionar juntos para funcionar. Por ejemplo: _mixins.scss ==================== @mixin footer_flush_bottom { html { height: 100%; } body { min-height: 100%; position: relative; } #footer { […]

Voltea una tarjeta 3D con CSS

Estoy tratando de hacer un efecto de inversión de tarjeta 3D con CSS de esta manera. La diferencia es que quiero usar solo CSS para implementarlo. Aquí está el código que probé: /*** LESS: ***/ .card-container { position: relative; height: 12rem; width: 9rem; perspective: 30rem; .card { position: absolute; width: 100%; height: 100%; div { […]

Lo último en el selector de padres CSS

La información más reciente que puedo encontrar con respecto a esto es el Borrador del Editor del Nivel 4 de W3C Selectors , pero, por lo que puedo ver, ya no menciona el selector principal. Sé que hubo una encuesta de Google sobre esto , pero eso ya pasó. ¿Qué pasó con el selector de […]