fit-select/lib/select/index.css

选择框

@font-face {
  font-family: 'fit-select';
  src: url("./font/fit-select.eot");
  src: url("./font/fit-select.eot") format("embedded-opentype"), url("./font/fit-select.ttf") format("truetype"), url("./font/fit-select.woff") format("woff"), url("./font/fit-select.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="fit-select-"], [class*=" fit-select-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fit-select' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fit-select-drop:before {
  content: "\ea1c"; }

.fit-select {
  font-size: 14px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #333;
  box-sizing: border-box; }
  .fit-select .input {
    cursor: pointer; }
  .fit-select .chosen-drop {
    width: 100%;
    position: absolute;
    top: 38px;
    z-index: 10;
    background: white; }
  .fit-select .chosen-results {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ddd;
    border-top: none;
    max-height: 300px;
    overflow-y: auto; }
  .fit-select.simple {
    display: inline-block;
    margin: 0; }
    .fit-select.simple .input {
      border-color: transparent; }
  .fit-select .search-input {
    margin: 0; }
    .fit-select .search-input .input {
      cursor: text; }
  .fit-select .fit-select-drop {
    color: #666;
    transition: all .2s; }
    .fit-select .fit-select-drop.open {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

.fit-select .flex-option-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .fit-select .flex-option-container .chosen-results {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }