Newest ⟷ Oldest
  1. Snapshot at 2017-04-19

    Using file button

    See the Pen An example of styling file input for mobile device by Thomas Seng Hin Mak (@makzan) on CodePen.

    input[type="file"] {  
      border: 1px solid #aaa;
      border-radius: 3px;
      background: lighten(YELLOWGREEN, 46%);
      padding-left: 70px;
    
      &::-webkit-file-upload-button {
        visibility: hidden;        
      }
    
      &::before {
        content: "Select Photo:";  
        margin-left: -70px;        
        padding: 1.5rem;
        @include greeny-ui;
      }
    }
    

    Reference: CSS-Tricks