Как изменить placeholer * цвет?

Question

[Lavrov95]

<input type="text" placeholder="Name *">

Answer 1

[Кристина]

В приличном обществе, это делается вот так https://codepen.io/anon/pen/MPejxg

<div class="wrap">
  <label for="txt">Имя<span>*</span></label>
  <input type="text" id="txt">
</div>

.wrap{
  position: relative;
}

label{
  position: absolute;
  left: 10px;
  top: 5px;
  color: #aaa;
}

span{
  color: red;
}

Answer 2

[dicem]

Если вопрос стоит в изменении цвета определенного символа в плейсхолдере, то наврядли вам css поможет. Можно попробовать так:

Comments

[dicem]

А в общем и целом я понял что просто хотел поупражняться с jQuery, вот вам гораздо более приемлимый пример (без JS):

[ProjectSoft]

Дополним: Если текст введён

[dicem]

ProjectSoft, Дополним еще с ::-moz-placeholder ибо у меня не работало)

Answer 3

[Fedor Rychkov]

https://medium.com/russian/%D0%B2%D0%B0%D0%BB%D0%B...

Эта статья поможет.

Answer 4

[Джуниор Вечный]

Цвет плейсхолдера можно изменить только целиком:

::placeholder {
    color: red;
}

Comments

[Lavrov95]

мне нужна толька * символ

[Джуниор Вечный]

Лучше отказаться от этой идеи, через css это нормально не сделаешь.

[Lavrov95]

Джуниор Вечный, а с помощью js?