Изменить цвет части текста в input

[behapy]

Подскажите, пожалуйста, решение такой вот задачи.

Необходимо, чтобы *(звездочка) в input и select была красная, а текст серым. Изображение по ссылке.

http://saveimg.ru/show-image.php?id=050ad0f3f9e4d4394689515ac6357295

Вот код:

<form>
  <select size="1">
    <option>*State</option>
    <option>USA</option>
    <option>RU</option>
  </select>
  <input class="short text" type="text" value="*Zip Code" onfocus="if (this.value=='*Zip Code') this.value='';" onblur="if (this.value==''){this.value='*Zip Code'}" />
</form>

[Great Rash]

Никак.

[sigma77]

behapy,

Для стандартных элементов формы никак не сделаете.

Используйте стилизацию.

[behapy]

в смысле, заменить стандартные элементы формы на div?

[stars]

в смысле, заменить стандартные элементы формы на div?

Вот например http://forum.htmlbook.ru/index.php?showtopic=27172

[sigma77]

в смысле, заменить стандартные элементы формы на div?

Да, на див, бывает еще на списках делают. Это в принципе сути не меняет.

С инпутом еще, наверное, можно просто текст сверху накладывать. И при клике убирать и переводить фокус уже на сам импут.

[rash]

Может накладывать абсолютом поверх?

Зная паддинг можно, мне кажется, достаточно точно прицелиться, тем более, если инпуты стилизованы определенным образом, а не системные по умолчанию. С системными сложнее — могут на несколько пикселей «гулять» в разных ОС при разных темах.