github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/sass/sanitize.css/forms.css (about)

     1  /**
     2   * 1. Change the inconsistent appearance in all browsers (opinionated).
     3   * 2. Add typography inheritance in all browsers (opinionated).
     4   */
     5  
     6  button,
     7  input,
     8  select,
     9  textarea {
    10    background-color: transparent; /* 1 */
    11    border: 1px solid WindowFrame; /* 1 */
    12    color: inherit; /* 1 */
    13    font: inherit; /* 2 */
    14    letter-spacing: inherit; /* 2 */
    15    padding: 0.25em 0.375em; /* 1 */
    16  }
    17  
    18  /**
    19   * Change the inconsistent appearance in all browsers (opinionated).
    20   */
    21  
    22  select {
    23    -moz-appearance: none;
    24    -webkit-appearance: none;
    25    background: no-repeat right center / 1em;
    26    border-radius: 0;
    27    padding-right: 1em;
    28  }
    29  
    30  /**
    31   * Change the inconsistent appearance in all browsers (opinionated).
    32   */
    33  
    34  select:not([multiple]):not([size]) {
    35    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E");
    36  }
    37  
    38  /**
    39   * Change the inconsistent appearance in IE (opinionated).
    40   */
    41  
    42  ::-ms-expand {
    43    display: none;
    44  }
    45  
    46  /**
    47   * Correct the inconsistent appearance in IE (opinionated).
    48   */
    49  
    50  :-ms-input-placeholder {
    51    color: rgba(0, 0, 0, 0.54);
    52  }