Cómo insertar el próximo texto en un elemento de entrada
Esta es mi situación:
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;
}
¿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?
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:
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.