სტილების დამატება პლეისჰოლდერს 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;
}