LESS में प्लेसहोल्डर में स्टाइल जोड़ना

आइए एक फ़ंक्शन बनाते हैं, जो क्रॉस-ब्राउज़र स्टाइल जोड़ेगा स्यूडोएलिमेंट placeholder के माध्यम से:

styles.less.placeholder(@code) {
  &::-webkit-input-placeholder {
    @code();
  }
  &:-ms-input-placeholder {
    @code();
  }
  &::-moz-placeholder {
    @code();
  }
  &::placeholder {
    @code();
  }
}

हमारे फ़ंक्शन का उपयोग करते हैं:

styles.lessinput {
  .placeholder({
    color: white; 
    background-color: red;
  });
}

कम्पाइलेशन का परिणाम:

styles.cssinput::-webkit-input-placeholder {
  color: white; 
  background-color: red;
}
input::-ms-input-placeholder {
  color: white; 
  background-color: red;
}
input::-moz-placeholder {
  color: white; 
  background-color: red;
}
input::placeholder {
  color: white; 
  background-color: red;
}