Placeholder или value стиль?

Question

[alalala]

Простите за дурацкий вопрос
реально ли задать в placeholder или value стиль для одного слова нормальный вид, для второго жирность
?

Comments

[Ankhena]

Нет.
Но можно подложить вниз блок с нужным текстом.

[alalala]

Ankhena, не вариант
а не подскажите, где то видел как спаном реализовано вместо placeholder
когда инпут форус, спан съезжает вверх

[Ankhena]

alalala,

не вариант

В смысле не вариант, если вы дальше следующим же предложением говорите тоже самое? ))
Не важно поверх он будет идти или ниже.

Подскажу:
input:focus + span {}
И еще, это скорее label, чем span, но бывает по-всякому

[alalala]

Ankhena, Спасибо
но когда переходим ко второму инпуту, с заполненым первым
то спан опять вернется на исходную

[Ankhena]

alalala, есть :valid, :invalid и к ним :not
Или js.

[alalala]

Ankhena, подскажите как его правильно прописать к этому
input:focus + span {}

[Ankhena]

alalala, а я вообще туплю, :placeholder-shown, а не инвалиды

[Ankhena]

alalala, держите: https://jsfiddle.net/vf85ms7a/

[alalala]

Ankhena, Спасибо. уже сделал

Answer 1

[Виталий Першин]

Answer 2

[drawnofmymind]

Да реально, ::placeholder

Comments

[alalala]

да это я знаю
мне нужно в плейсхолдере внутри у одного слова добавить жирность

[drawnofmymind]

А,ну через джс надо

[Rustam Bainazarov]

alalala, нет, так нельзя.

[Ankhena]

drawnofmymind, даже js не даст жирность половине плейсхолдера.

Answer 3

[Dima Polos]

Такую задачу на css - нет. Можно на custom elements, но довольно трудоемко. Чтоб не городить свои грабли на дивах и спанах, лучше все-таки custom elements, чтоб наследовать возможности инпутов.