LESS में प्लेसहोल्डर में स्टाइल जोड़ना
आइए एक फ़ंक्शन बनाते हैं, जो क्रॉस-ब्राउज़र
स्टाइल जोड़ेगा
स्यूडोएलिमेंट placeholder के माध्यम से:
.placeholder(@code) {
&::-webkit-input-placeholder {
@code();
}
&:-ms-input-placeholder {
@code();
}
&::-moz-placeholder {
@code();
}
&::placeholder {
@code();
}
}
हमारे फ़ंक्शन का उपयोग करते हैं:
input {
.placeholder({
color: white;
background-color: red;
});
}
कम्पाइलेशन का परिणाम:
input::-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;
}
