@codegouvfr/react-dsfr/dsfr/component/select/select.print.css

French State Design System React integration library

/*!
 * DSFR v1.12.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
@charset "UTF-8";
@media print {
  .fr-select {
    color: #3a3a3a;
    background-color: #eee;
    box-shadow: inset 0 -2px 0 0 #3a3a3a;

    /**
    * Mixin pour gérer l'état disabled
    */

    /**
    * On applique un style lorsque la valeur est automatiquement remplie par le navigateur
    * sur les navigateurs webkit.
    */
  }

  .fr-fieldset--valid .fr-select,
  .fr-select-group--valid .fr-select {
    box-shadow: inset 0 -2px 0 0 #18753c;
  }

  .fr-fieldset--error .fr-select,
  .fr-select-group--error .fr-select {
    box-shadow: inset 0 -2px 0 0 #ce0500;
  }

  .fr-select-group--error::before {
    background-image: linear-gradient(0deg, #ce0500, #ce0500);
  }

  .fr-select-group--valid::before {
    background-image: linear-gradient(0deg, #18753c, #18753c);
  }

  .fr-select-group--info::before {
    background-image: linear-gradient(0deg, #0063cb, #0063cb);
  }

  .fr-select:disabled {
    color: #929292;
    box-shadow: inset 0 -2px 0 0 #e5e5e5;
  }

  .fr-select:-webkit-autofill,
  .fr-select:-webkit-autofill:hover,
  .fr-select:-webkit-autofill:focus {
    box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #ececfe;
    -webkit-text-fill-color: #161616;
  }
}