Programación css

6

¿Cómo simulo un mouseover en JavaScript puro que activa el CSS ": hover"?

He estado tratando de encontrar código para simular mouseoveren Chrome, pero aunque el oyente "mouseover" se activa, la declaración CSS "hover" nunca se establece. Intenté también hacer: //Called within mouseover listener theElement.classList.add("hover"); Pero nada parece cambiar el elemento a lo que se declara en su hoverdeclaración. es posible?

82 javascript jquery css

10

¿Es posible calcular el ancho de la ventana gráfica (vw) sin barra de desplazamiento?

Como se menciona en el título, ¿es posible calcular el vwsin las barras de desplazamiento solo en CSS? Por ejemplo, mi pantalla tiene un ancho de 1920px. vwdevuelve 1920px, genial. Pero el ancho de mi cuerpo real es solo algo así como 1903px. ¿Hay alguna forma de recuperar el 1903pxvalor …

82 css viewport-units

3

¿Qué es @apply en CSS?

En primer lugar, me refiero a la etiqueta CSS. Busqué en Google, @applypero no pude encontrar nada que pudiera explicarme su significado correctamente. ¿Cuál es el uso de dicha etiqueta?

82 css

4

Evite que la altura de un elemento flexible se expanda para coincidir con otros elementos flexibles

Tengo dos elementos dentro de un contenedor, que están uno al lado del otro mediante el uso de caja flexible. En el segundo elemento ( .flexbox-2), estoy configurando su altura en el CSS. Sin embargo, el primer elemento ( .flexbox-1) coincidirá con la altura de .flexbox-2. ¿Cómo dejaría .flexbox-1de igualar …

82 html css flexbox

2

@ font-face src: local - ¿Cómo usar la fuente local si el usuario ya la tiene?

¿Cuál es la forma correcta de usar @font-facepara que el navegador no descargue la fuente si el usuario ya la tiene? Estoy usando @ font-face para definir DejaVu, que ya está instalado en mi sistema (linux). Firefox no está descargando la fuente, ¡pero Chromium la está descargando todo el tiempo! …

82 css font-face

15

Barra de progreso con HTML y CSS

Quiero crear una barra de progreso como en la siguiente imagen: No tengo ni idea de cómo crear esto. ¿Debería utilizar técnicas HTML5? ¿Podrías ayudarme a crear esta barra de progreso?

82 html css progress-bar

7

Bordes no mostrados en Firefox con borde colapsado en la tabla, posición: relativa en tbody, o color de fondo en la celda

Considere el siguiente HTML: <html> <head> <style> TABLE.data TD.priceCell { background-color: #EEE; text-align: center; color: #000; } div.datagrid table { border-collapse: collapse; } div.datagrid table tbody { position: relative; } </style> </head> <body> <div id="contents" class="datagrid"> <table class="data" id="tableHeader"> <thead> <tr class="fixed-row"> <th>Product</th> <th class="HeaderBlueWeekDay">Price</th> <th class="HeaderBlueWeekDay">Discount</th> </tr> </thead> <tbody> …

82 css firefox border

11

Cómo dar espacio entre botones usando bootstrap

Quiero dar espacio entre botones, ¿hay alguna manera de dar espacio usando bootstrap para que sean consistentes para diferentes resoluciones de pantalla? Intenté usar ¿ margin-leftPero es la forma correcta de hacer esto? Aquí está la demostración HTML: <div class="btn-toolbar text-center well"> <button type="button" class="btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 …

82 html css twitter-bootstrap

9

Cómo evitar el cambio de representación de texto de Webkit durante la transición de CSS

Estoy usando transiciones de CSS para la transición entre estados transformados de CSS (básicamente, la transición de la escala de un elemento). Noto que cuando el elemento está en transición, el resto del texto en la página (en Webkit) tiende a alterar levemente su representación hasta que se realiza la …

81 css webkit css-transitions css-transforms

12

Usando "margin: 0 auto;" en Internet Explorer 8

Estoy en el proceso de hacer algunas pruebas avanzadas de IE8, y parece que la antigua técnica de uso margin: 0 auto;no funciona en todos los casos en IE8. La siguiente pieza de HTML muestra un botón centrado en compatibilidad con FF3, Opera, Safari, Chrome, IE7 e IE8, pero NO …

81 html css internet-explorer-8

11

Cómo agregar dinámicamente un estilo para alinear texto usando jQuery

Estoy tratando de corregir los errores habituales de IE en CSS 2.1 y necesito una forma de alterar las propiedades de estilo de un elemento para agregar un estilo de alineación de texto personalizado. Actualmente en jQuery puedes hacer algo como $(this).width() or $(this).height() pero parece que no puedo encontrar …

81 jquery css text-align

2

Eliminar el espaciado / relleno adicional de los botones en Firefox

Vea este ejemplo de código: http://jsfiddle.net/Z2BMK/ Chrome / IE8 se ve así Firefox se ve así Mi CSS es button { padding:0; background:#080; color:white; border:solid 2px; border-color: #0c0 #030 #030 #0c0; margin:0; } ¿Cómo puedo cambiar la muestra de código para que el botón sea el mismo en ambos navegadores? …

81 css firefox button spacing

13

Actualizar el CSS de un sitio web sin actualizar la página

Creé una página con CSS. Ahora debo cambiar de mi editor a mi navegador y actualizar la página completa, solo para ver cada pequeño cambio. Pero no quiero actualizar la página, porque tengo algunas animaciones. Entonces, ¿hay algo que pueda usar para que mi sitio se actualice automáticamente después de …

81 javascript jquery html css ajax

7

¿Alinear texto y seleccionar cuadros con el mismo ancho en CSS?

Ok, esto es aparentemente imposible de hacer bien. Tengo un cuadro de texto y un cuadro de selección. Quiero que tengan exactamente el mismo ancho para que se alineen en el margen izquierdo y el margen derecho. <!DOCTYPE html> <html> <head> <style type="text/css"> input, select { width: 200px; } </style> …

81 css html textbox drop-down-menu

7

Opción de gráfico Highcharts backgroundColor: 'transparente' mostrando negro en IE 8

Highchartsopción de gráfico que backgroundColor:'transparent'muestra negro enIE 8 histogram = new Highcharts.Chart({ chart: { renderTo: 'histogram', defaultSeriesType: 'bar', backgroundColor:'transparent' } Esto funciona bien en I.E 9y otros, pero falla en IE 8 y Safari, ¿alguien tiene idea de por qué?

81 css internet-explorer-8 cross-browser highcharts

Preguntas etiquetadas con css