Estoy tratando de usar la biblioteca Bootstrap 5 en la extensión de Chrome. Así que estoy agregando los archivos bootstrap 5 (CSS y js) con un manifiesto al script de contenido, pero entra en conflicto con el archivo CSS principal en algunos sitios.
content_scripts": [{ "matches": ["*://*.amazon.com/*"], "js":["bootstrap.bundle.min.js","injection.js"], "css":["bootstrap.min.css"] }]Cuando trato de usar bootstrap, por ejemplo, en amazon.com, algunos elementos CSS entran en conflicto. Estoy tratando de resolver el problema con una solución artificial comentando algunos códigos CSS de Bootstrap.
No pude encontrar ningún detalle al respecto. Si hay una solución mejor o si la forma en que lo intenté es incorrecta, ¿alguien podría decirme la lógica o ayudarme con otra solución?
No creo que haya una forma de evitar los conflictos de CSS en el script de contenido. Creo que puedes construir una versión de arranque del espacio de nombres. Por favor, chequee esto. ¿Separar el css del script de contenido del css del sitio?
