Jump to content
  • 0

как оформить атрибут placeholder и <input type="search" />?


swetlana
 Share

Question

Атрибут placeholder ставит текст в поле, пока в нём не содержится какой-либо введённый пользователем текст.

Заказчик очень хочет, чтобы текст из placeholder был определённого цвета. Листая документацию, найти ничего подобного не могу.

Может кто сталкивался? Знаете? Подскажите пожалуйста.

А также как научить <input type="search" /> в сафари слушаться css? Есть ли более-менее прямые способы это сделать?

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Похоже что поисковая форма формируется средствами браузера, изменить ее напрямую не получится. Аналог input type="file". Поменять конечно можно, но это делается с помощь картинок, стилей, скриптов и шаманства.

Чего это type="search" не понимает CSS? Очень даже понимает, другое дело не все. border, padding, background отказывается принимать, а color на ура идет.

Link to comment
Share on other sites

  • 0
…border, padding, background отказывается принимать…

вот в том-то и дело :lol:

в макете как раз фон, рамки и отступы.

Конечно нет ничего проще, чем поставить по старинке input type=text, которй всё понимает, но хочется-то красивый код писать.

Link to comment
Share on other sites

  • 0
Почитал по этой теме буржуйские сайты, пока все советуют делать "по старинке".

Это и без чтения буржуйских сайтов понятно :lol: Достаточно посмотреть на статус спецификации CSS3

Link to comment
Share on other sites

  • 0

s0rr0w, ну в данном случае речь не о css3, а об html5. А его статус ещё более сырой, чем у css3. Тут-то как раз всё ясно.

Но на практике значительная часть возможностей поддерживается браузерами, и почему бы этим не пользоваться?

Link to comment
Share on other sites

  • 0
s0rr0w, ну в данном случае речь не о css3, а об html5. А его статус ещё более сырой, чем у css3. Тут-то как раз всё ясно.

Но на практике значительная часть возможностей поддерживается браузерами, и почему бы этим не пользоваться?

В конкретном вашем случае стоит смотреть в сторону css3, так как оформление плейсхолдера должно быть описано именно там.

Пользоваться можно, но только в том случае, если достигается стабильный эффект.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy