Tengo una compilación de aplicación angular2 con angular-cli que contiene varios componentes. Cada componente tiene un estilo de referencia (scss).

Los estilos únicos de esas hojas de estilo se aplican correctamente a la plantilla del componente.

Lo que no puedo hacer es sobrescribir estilos de css externos que se incluyen en el angular-cli de esas hojas de estilo de componentes.

Tan pronto como muevo el estilo a styles.scss central, funciona.

Mi angular-cli.json se ve así:

  "styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css",
    "../node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.css",
    "../node_modules/bootstrap-timepicker/css/bootstrap-timepicker.css",
    "styles.scss"
  ],

¿Alguna idea de cómo puedo sobrescribir el bootstrap-css en el component.scss?