vid-webpack-master/src/app/components/dynamic-inputs/dynamic-inputs.scss

   1 input[type=file] {
   2   opacity: 0;
   3   position: relative;
   4   z-index: 1;
   5   width: 0.5px;
   6   height: 0.5px;
   7   display: inline-block;
   8   input {
   9     display: none;
  10   }
  11 }
  12
  13 .dynamicFileName {
  14   width: 100%;
  15   height: 34px;
  16   background: #FFFFFF;
  17   border: 1px solid #D2D2D2;
  18   border-radius: 2px;
  19   display: inline-block;
  20   line-height: 34px;
  21   font-weight: normal !important;
  22   padding-left: 3px;
  23   border-bottom-right-radius: 0;
  24   border-top-right-radius: 0;
  25 }
  26
  27 .labelForImage {
  28   background: #F2F2F2;
  29   border-left: 1px solid #D2D2D2;
  30   float: right;
  31   height: 32px;
  32 }
  33
  34 .icon-browse:before {
  35   content: "\e90d";
  36   color: #5A5A5A;
  37   font-size: 15px;
  38   cursor: pointer;
  39   width: 34px;
  40   height: 100%;
  41   line-height: 34px;
  42   text-align: center;
  43   display: inline-block;
  44   vertical-align: super;
  45   border-radius: 2px;
  46   border-bottom-left-radius: 0;
  47   border-top-left-radius: 0;
  48 }
  49
  50 .icon-browse:hover::before {
  51   background-color: #E6F6FB;
  52   color: #009FDB;
  53 }
  54
  55 .icon-browse:active::before {
  56   background-color: #E6F6FB;
  57   color: #009FDB;
  58 }