LESS හි ප්ලේස්හෝල්ඩර් වෙත මාතෘකා එකතු කිරීම
අපි ක්රියාකාරීත්වයක් සාදමු, එය cross-browser
විසින් මාතෘකා එකතු කරනු ඇත
pseudoelement 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;
}
