Resultados de la búsqueda a petición "pseudo-element"

2 la respuesta

Al pasar el cursor sobre un pseudo elemento, ¿aparece el otro pseudo elemento?

Estaba tratando de generar una pantalla en la que se utiliza el:before y:after pseudo elementos, pero me pregunto si tal funcionalidad es realmente posible. Tengo una envoltura div que se envuelve alrededor de una entrada (lo que permitepseudo ...

2 la respuesta

Uso de la propiedad attr (icono de datos) para mostrar unicode antes del elemento

Vamos a demostrar un ejemplo con un código HTML simple como este: <div data-icon="\25B6">Title</div>Me gustaría que este elemento tenga un icono de prefijo establecido por su atributo de datos (icono de datos), así que configuro el archivo CSS ...

7 la respuesta

¿Es posible establecer el orden de apilamiento de pseudo-elementos debajo de su elemento padre?

Estoy tratando de diseñar un elemento con el:after selector de pseudoelementos CSS #element { position: relative; z-index: 1; } #element::after { position:relative; z-index: 0; content: " "; position: absolute; width: 100px; height: 100px; ...

2 la respuesta

¿El shadow DOM reemplaza :: before y :: after?

Alcance CSS [http://www.w3.org/TR/css-scoping-1/#shadow-dom]dice Los descendientes de unanfitrión sombra [http://www.w3.org/TR/css-scoping-1/#shadow-host]no debe generar cuadros en el árbol de formato. En cambio, el contenido de laárbol de ...

2 la respuesta

¿Se puede usar un selector :: before con un <textarea>?

Estoy experimentando con algunos estilos en<textarea>sy traté de hacer algunas cosas con::before y::after selectores y no pude hacer nada para que funcionen. Entonces la pregunta es: ¿es esto posible? Sé que los formularios que rodean CSS son ...

1 la respuesta

Font Awesome 5: ¿por qué muestra un cuadrado en lugar de un icono cuando se usa en un pseudo elemento?

Estoy tratando de cambiar el contenido de unspan con un icono de Font Awesome directamente desde la página CSS, pero parece que no puede funcionar correctamente. 1) He importado FA de la documentación y en el<head> <link ...

2 la respuesta

CSS pseudo-element input-placeholder :: after para mostrar con o sin valor en el cuadro de texto

Estoy tratando de obtener algunos indicadores de IU en los elementos de formulario para el usuario después de la validación para trabajar usando los pseudo elementos de marcador de posición (comenzando con cuadros de texto). Lo que quiero es ...

3 la respuesta

¿Qué elementos admiten los pseudoelementos :: before y :: after?

Estoy tratando de encontrar un buen estilo predeterminado para<input>s en HTML5 y probé lo siguiente: input::after { display: inline; } input:valid::after { content: ' ✓ '; color: #ddf0dd; } input:invalid::after { content: ' ✗ '; color: #f0dddd; ...

1 la respuesta

¿Cómo funcionó la propiedad CSS `content` para el elemento` img` en WebKit?

Hace mucho tiempo hubo un borrador de especificación de contenido generado CSS3 que permitiócontent propiedadpara cualquier elemento HTML [https://www.w3.org/TR/2003/WD-css3-content-20030514/#inserting3](no solo :: before / :: after ...

3 la respuesta

¿Es posible seleccionar contenido generado por CSS? [duplicar

Esta pregunta ya tiene una respuesta aquí: ¿Cómo puedo seleccionar el contenido generado? [/questions/19914349/how-can-i-make-generated-content-selectable] 2 respuestas Digamos que tengo marcado: <div data-generated="world!">Hello </div> .. ...