Cuando escribo el último número , el primer número va dentro de text-box(desaparece), agrega un espacio adicional. Después de hacer clic fuera, text-boxse ve bien, lo que necesito al escribir el último carácter. #number_text { padding-left: 9px; letter-spacing: 31px; border: 0;...
¿Cómo hacer que un iframe responda, sin asumir una relación de aspecto? Por ejemplo, el contenido puede tener cualquier ancho o alto, lo cual es desconocido antes de la representación. Tenga en cuenta que puede usar Javascript. Ejemplo: <div id="iframe-container">
En el siguiente ejemplo, cuando hace clic en la etiqueta, la entrada cambia de estado. document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select:...
El efecto de relleno automático del navegador Chrome eliminó background-colory background-imagedesde UsernameyPassword campos de entrada. Antes de autocompletar Después de autocompletar Pero Chrome Browser autocompletar oculta mis íconos de las entradas y también cambia mi background-color....
El problema parece ser que ciertas letras como g, y, q, etc, que tienen una cola que se inclina hacia abajo, no permiten el centrado vertical. Aquí hay una imagen para mostrar el problema . Los caracteres en el cuadro verde son básicamente perfectos, ya que no tienen cola hacia abajo. Los que...
Intenté muchas formas de hacer que la tabla se ajustara a la página (A4) como se muestra en la imagen: busqué mucho pero no pude encontrar nada útil en la web. Estoy usando una tabla dinámica, todo está bien, excepto el ancho de la tabla. Aquí está mi código: $content =...
Intente ejecutar el siguiente fragmento y luego haga clic en el cuadro. const box = document.querySelector('.box') box.addEventListener('click', e => { if (!box.style.transform) { box.style.transform = 'translateX(100px)' new Promise(resolve => { setTimeout(() => {...
Tenemos una aplicación de comercio electrónico que envía los detalles del pedido cuando se realiza una compra, y acabamos de rediseñar esa plantilla de correo electrónico. En los últimos días, hemos recibido informes de clientes a los que les falta la mitad del texto en el correo...
Siguiendo un pedacito de mi código. Solo me pregunto por qué la celda "iphone" parpadea solo desde iphone. PD. No puedo usar una tabla o una lista para la estructura. También intenté usar transform: translate3d(0,0,0);. Básicamente, también necesito que la primera celda sea pegajosa para Left y...
Desde el lanzamiento de Chrome v78.0.3904.70, veo problemas con el uso de la propiedad CSS white-space: nowrap;. El espacio que no se rompe parece causar un salto de línea. Cuando se usa text-overflow: ellipsis, el texto real no se mostrará ya que está roto fuera del contenedor. Solo...
Antecedentes del problema: estoy usando katex para representar algunas matemáticas en una página. Luego quiero crear una versión PDF de parte de esa página, así que creo un documento HTML que contiene la parte a exportar que alinea todo CSS y lo pasa al renderizador. El renderizador no puede...
Para llenar toda la altura de la página, utilizo height: 100%;las etiquetas html y body, y funciona bien hasta que un navegador se cierre y se vuelva a abrir. (No uso 100vh debido a problemas en dispositivos móviles
Estoy trabajando en una aplicación web de una sola página, que generalmente se usará en dispositivos móviles. Una de sus características es un modo de mapa, que ocupa temporalmente toda la ventana del navegador; una escala de distancia y algunos controles están unidos a las cuatro esquinas del...
Ayer hice una pregunta similar, pero la expliqué mal y no especifiqué mi deseo de una solución de CSS puro, que creo que debería ser posible, así que lo estoy intentando nuevamente. Básicamente, tengo un problema en el que tengo un div de mensajes desplazables y un campo de entrada debajo de él....
Estoy tratando de imitar otras aplicaciones de chat móviles donde, cuando seleccionas el send-messagecuadro de texto y se abre el teclado virtual, el mensaje más inferior todavía está a la vista. Parece que no hay una manera de hacer esto con CSS de manera sorprendente, por lo que JavaScript...
Tengo algunos problemas reales al intentar que mi barra lateral / contenido de navegación (usando Bootstrap) se muestre (se expanda) de forma predeterminada en el escritorio y se cierre de forma predeterminada en el móvil y que el icono se muestre solo en el móvil. Parece que no puedo hacer que...
Tengo una tabla "ordenable" donde el encabezado de la columna actualmente ordenada muestra un icono: El icono de clasificación se mostrará al final del texto (es decir, admitimos LTR / RTL). Actualmente estoy usando display:flex. Sin embargo, si el ancho de la tabla se reduce y el texto del...
Tengo una aplicación en la que estoy usando Material UI y su proveedor de temas (usando JSS). Ahora estoy incorporando fullcalendar-react , que en realidad no es una biblioteca React completa, es solo un delgado contenedor de componentes React alrededor del código original de fullcalendar. Es...
Necesito construir un carrusel con 12 elementos que simulan una rueda 3d que gira infinitamente. Para ser claro, necesito crear precisamente este efecto: https://codepen.io/SitePoint/pen/yXWXaw (encontrado aquí ) pero con estas características adicionales (especialmente en computadoras de...
He creado una animación de mapa del tesoro, primero, mostrará el camino en gris claro, pero a medida que comience la animación, me gustaría que los guiones grises claros desaparezcan o se vuelvan de color negro a medida que la animación de relleno ".road" comienza. luchando para que los guiones...