es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo insertar el próximo texto en un elemento de entrada

Esta es mi situación:

sin cambios

hours es el id del elemento de entrada.

Después de cambiar el estilo como se muestra a continuación, en Firefox, el resultado es deseable, pero en Chrome, ‘Hours’ se coloca debajo del campo de entrada y no es visible. Ten en cuenta que no puedo insertar ‘Hours’ dentro de <span> u otros elementos y no puedo hacer que el elemento de entrada sea transparente.

#hours {
    margin-right: -4.5em;
}

después de margen negativo

¿Es posible mostrarlo en Chrome como en Firefox?

Editar ————————————————

P.S:
¿Cuál es la diferencia entre “Behind” (Detrás) y “Front” (Delante) en Chrome?
descripción de la imagen

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Como experto en informática especializado en CSS, Google Chrome y Firefox, puedo sugerir la siguiente solución para mostrar la etiqueta “Horas” encima del campo de entrada en Chrome:

    En lugar de usar un margen negativo para mover la etiqueta “Horas” a la izquierda del campo de entrada, puedes usar posicionamiento absoluto. Intenta utilizar el siguiente código CSS:

    #hours {
        position: relative;
    }
    #hours:before {
        content: "Horas";
        position: absolute;
        top: -1.5em;
        /* ajustar según sea necesario */
        left: 0;
    }
    

    Esto creará un pseudo-elemento antes del campo de entrada que contiene la etiqueta “Horas”. El position: relative en el elemento de entrada es necesario para asegurarse de que el pseudo-elemento se posicione relativo al elemento de entrada y no al elemento padre.

    En cuanto a la pregunta sobre la diferencia entre “Detrás” y “Delante” en Chrome, se refiere al orden de las pestañas o ventanas cuando tienes varias pestañas o ventanas abiertas. “Detrás” significa que la pestaña o ventana no está actualmente en foco y está oculta detrás de otras pestañas o ventanas, mientras que “Delante” significa que está actualmente en foco y visible encima de otras pestañas o ventanas.

Comments are closed.