[X] Помощник

[Alexej_mw Topic Starter]

Всем доброго!
Пытался сегодня изменить шрифт в placeholder, с помощью css. Ничего не вышло, никакиx изменений не было замечено.
Вот ссылка на скрин страницы с инпутом сайта: https://cloud.mail.ru/public/yu9x/NG3iw7fSp
Вот ссылка на тот код, который я применял, и который ничего не дал: https://cloud.mail.ru/public/LA5i/9exwwtsaX
Вот собственно сам сайт: http://printer-z.ru/

Ну и на всякий случай тот код сюда привожу: 

<input class="nomer2" class="inp_nom_1 mob_inp" type="weight: 30 px"  placeholder="Искать здесь..." name=" mainserch" 
              style="
float:bottom;
display:inline;
position:relative;
text-indent: 10%;
color: #323130;
margin-left:5px;background-color:white;
font-family: LatoBlack;
  border-radius: 10px 4px 10px 4px;
 border: 0px solid #DDD  !important;

 -webkit-input-placeholder { font-family: LatoRegular;};
-moz-placeholder {  font-family: LatoRegular;};
-ms-input-placeholder { font-family: LatoRegular;};
-moz-placeholder { font-family: LatoRegular;};

::input[placeholder]          {text-overflow:ellipsis;};
::input::-moz-placeholder     {text-overflow:ellipsis;};
:input:-moz-placeholder      {text-overflow:ellipsis;}; 
:input:-ms-input-placeholder {text-overflow:ellipsis;};    "> 

 

 

Всем кто в курсе, как сменить шрифт в инпуте, просьба отписаться в топике.

Заранее спасибо

Сообщение отредактировал BLIK - 20.8.2017, 21:13

Причина редактирования: подправил вставку кода

Эскизы прикрепленных изображений

 

[ShowPrint]

float:bottom;

а где вы нашли информацию про возможность использования такого значения у данного атрибута?

По subj - серфить и смотреть примеры пробовали? тынц тынц

[Alexej_mw Topic Starter]

По subj - серфить и смотреть примеры пробовали? тынц тынц

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

[ShowPrint]

Всем кто в курсе, как сменить шрифт в инпуте

Не думаю что прям многие в курсе - это уже из области "поизвращаться"  :D

Когда будет время - попробую "поиграть в песочнице", результат сообщу.
Если конечно раньше никто не даст решения - великие маги и любители головоломок время от времени сюда захаживают  :)

[Alexej_mw Topic Starter]

Когда будет время - попробую "поиграть в песочнице", результат сообщу. Если конечно раньше никто не даст решения - великие маги и любители головоломок время от времени сюда захаживают 

Благодарен.
Вообще всё это мне нужно лишь потому, что шрифт для заголовков и т.д. сайта выбран более эстетичный, нежели стандартные, ну и если в инпуте будет такая обыденность, какая она сейчас есть, то это не смотрится на общшем фоне

[ShowPrint]

Alexej_mw, как-то так: https://jsfiddle.net/dfo7whfv/3/

И где это вы чудеса нашли такие как:

type="weight: 30 px"

и

float:bottom;

о котором уже писал...

И для меня ещё загадка:

border: 0px solid #DDD !important;

зачем указывать толщину и цвет границы, если она отсутствует (0px)?
В таком виде это равносильно border:none;

UPD: Протестировал в хроме, осле, лисе и сафари, не работает только в опере - не поддерживает она псевдокласс "плэйсхолдера"... (((
В сети есть какие-то решения через скрипты, но честно - не заморачивался, так как времени особо нет, а опера не так популярна...


Сообщение отредактировал ShowPrint - 22.8.2017, 13:03

[Alexej_mw Topic Starter]

UPD: Протестировал в хроме, осле, лисе и сафари, не работает только в опере - не поддерживает она псевдокласс "плэйсхолдера"... ((( В сети есть какие-то решения через скрипты, но честно - не заморачивался, так как времени особо нет, а опера не так популярна..

Понял, спасибо за  эксперименты, оставляю как есть)