Reply To: Placeholder mobile customization

#5748

Ernest Marcinko
Keymaster

Okay, I think I found it. So I googled a bit, and it seems like that each placeholder must have a separate rule, otherwise it won't work. Strangest thing I have ever seen. So the final solution is:

@media only screen and (max-width: 980px) {
  input.orig{  
    font-size: 12px !important;
    line-height: 15px !important;
  }
  input.orig::-webkit-input-placeholder {  
    font-size: 12px !important;
    line-height: 15px !important;
  }
  input.orig:-moz-placeholder {  
    font-size: 12px !important;
    line-height: 15px !important;
  }
  input.orig::-moz-placeholder {  
    font-size: 12px !important;
    line-height: 15px !important;
  }
  input.orig:-ms-input-placeholder {  
    font-size: 12px !important;
    line-height: 15px !important;
  }
}
Best,
Ernest Marcinko

If you like my products, don't forget to rate them on codecanyon :)