@AlexNew22

Как в sass совместить hover и placeholder?

Как сделать такую запись на sass?
#box:hover::placeholder { 
  color:red;
}


Так почему-то не работает
&:hover
    &::placeholder
      color: red

&:hover::placeholder
    color: red
  • Вопрос задан
  • 109 просмотров
Пригласить эксперта
Ответы на вопрос 2
inkShio
@inkShio
@mixin placeholder-color($color)
{
	&::-webkit-input-placeholder
	{
		/* WebKit, Blink, Edge */
		text-overflow: ellipsis;

		opacity: 1;
		color: $color;
	}
	&:-moz-placeholder
	{
		/* Mozilla Firefox 4 to 18 */
		text-overflow: ellipsis;

		opacity: 1;
		color: $color;
	}
	&::-moz-placeholder
	{
		/* Mozilla Firefox 19+ */
		text-overflow: ellipsis;

		opacity: 1;
		color: $color;
	}
	&:-ms-input-placeholder
	{
		/* Internet Explorer 10-11 */
		text-overflow: ellipsis;

		opacity: 1;
		color: $color;
	}
	&::-ms-input-placeholder
	{
		/* Microsoft Edge */
		text-overflow: ellipsis;

		opacity: 1;
		color: $color;
	}
	&::placeholder
	{
		/* Most modern browsers support this now. */
		text-overflow: ellipsis;

		opacity: 1;
		color: $color;
	}
}

.link {
  @include placeholder-color(#ccc);
  &:hover {
    @include placeholder-color(#000);
  }
}
Ответ написан
@sky_host
#box::hover::-webkit-input-placeholder { color:red}
для мозилы
#box::hover::-moz-placeholder { color:red}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы