Mejor auto para principiantes

Mejor auto para principiantes

Mejor auto para principiantes

iconos de blazor

Tienes razón. Los pseudocontenidos :before y :after no están pensados para funcionar en contenidos sustituidos como los elementos img y input. Añadir un elemento de envoltura y declarar una fuente-familia es una de las posibilidades, así como utilizar una imagen de fondo. O tal vez un texto de marcador de posición html5 se ajusta a sus necesidades:
Font Awesome utiliza el área de uso privado (PUA) de Unicode para almacenar los iconos. Otros caracteres no están presentes y vuelven a ser los predeterminados del navegador. Esto debería ser igual que cualquier otra entrada. Si defines una fuente en los elementos de entrada, entonces suministra la misma fuente como fallback para las situaciones en las que usamos un icono. Así:
Después de leer varias versiones de esta pregunta y buscar por ahí he llegado a una solución bastante limpia y sin js. Es similar a la solución de @allcaps pero evita el problema de que la fuente de entrada se cambie de la fuente principal del documento.
Utiliza el atributo ::input-placeholder para estilizar específicamente el texto del marcador de posición. Esto le permite utilizar su fuente de icono como la fuente del marcador de posición y su cuerpo (u otra fuente) como el texto de entrada real. Actualmente es necesario especificar selectores específicos del proveedor.

ejemplos de componentes css

Estos iconos se pueden utilizar directamente en un proyecto web de Kendo UI asignando una de las clases CSS predefinidas que se proporcionan en la lista de iconos de fuentes que aparece a continuación. El siguiente ejemplo demuestra cómo lograr este comportamiento.
Las fuentes de iconos son fuentes que contienen glifos vectoriales en lugar de letras y números. Puedes estilizarlas fácilmente con CSS utilizando todas las propiedades de estilo que se pueden aplicar a un texto normal en un navegador moderno.
Aunque la fuente de iconos web viene con un conjunto de clases CSS predefinidas, puede que necesites utilizar los iconos con un nombre de clase CSS personalizado. Para ello, establezca un valor de pseudocontenido :before para el icono correspondiente.

dashicons

El lenguaje de marcado llamado wikitexto, también conocido como wiki markup o wikicode, consiste en la sintaxis y las palabras clave utilizadas por el software MediaWiki para dar formato a una página. (Nota la ortografía en minúsculas de estos términos.)[a] Para aprender a ver este marcado de hipertexto, y para guardar una edición, ver Ayuda:Editar. Generalmente, la codificación puede ser copiada y pegada, sin necesidad de escribir nuevo código. Hay una breve lista de marcas y consejos en Help:Cheatsheet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Texto de la derechaLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Texto de la derechaLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

iconos de font awesome

Aquí he definido un estilo global en mi CSS donde main-color es una clase, en mi caso es un tono azul claro. Me parece que el uso de estilos en línea en los iconos con Font Awesome funciona bien, esp en el caso de que el nombre de sus colores semánticamente, es decir, nav-color si desea un color separado para eso, etc.
Tuve el mismo problema cuando traté de usar los iconos directamente desde BootstrapCDN (la forma más fácil). Entonces descargué el archivo CSS y lo copié en la carpeta CSS de mi sitio el archivo CSS (descrito bajo la ‘forma fácil’ en la documentación de font awesome), y todo empezó a funcionar como debería.
No te aconsejo que utilices el estilo de font awesome incorporado, como el fa-5x, etc., por miedo a que lo cambien y tengas que seguir modificando el código de tu aplicación para que se ajuste al último estándar. Simplemente evitas esto dando a cada clase de font-awesome que quieras estilizar uniformemente la misma clase digamos:

Acerca del autor

admin

Ver todos los artículos