Перейти к содержимому


Пользователь месяца
Ixman Ixman 1-й за Октябрь
Очков активности: 693 0 тем, 33 сообщения, 14 баллов репутации
Сайт: o5cat.ru
ТОП самых активных за этот месяц
  • Фотография yuran
    #1

    yuran (yurbol.ru)
    Очков активности: 81 0 тем, 54 сообщения, 1 балл репутации

  • Фотография ShowPrint
    #2

    ShowPrint (ShowPrint.ru)
    Очков активности: 63 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #3

    BLIK
    Очков активности: 51 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #4

    Ixman (o5cat.ru)
    Очков активности: 45 Вне конкурса за определение пользователя месяца

  • Фотография Mandarin
    #5

    Mandarin
    Очков активности: 42 0 тем, 28 сообщений, 1 балл репутации

  • Фотография WGN
    #6

    WGN (worldgamenews.com)
    Очков активности: 39 Вне конкурса за определение пользователя месяца

  • Фотография pozitron123
    #7

    pozitron123
    Очков активности: 30 2 темы, 14 сообщений, 1 балл репутации

  • Фотография алексс
    #8

    алексс
    Очков активности: 27 2 темы, 12 сообщений, 1 балл репутации

  • Фотография Mariko
    #9

    Mariko
    Очков активности: 16.5 1 тема, 8 сообщений, 1 балл репутации

  • Фотография RosenRot
    #10

    RosenRot (abuzov.com)
    Очков активности: 13.5 1 тема, 6 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 31.10.2018
  • Яндекс выдача: 15.11.2018
Топ 5 участников по репутации


Изменение шрифта в placeholder

#1 Alexej

Alexej
  • Неактивные
  • 8 сообщений
  • Репутация: 0
0

Отправлено 20 August 2017 - 20:10

Безопасная сделка через гаранта Masterwebs.ru >>>

Всем доброго!

Пытался сегодня изменить шрифт в placeholder, с помощью css. Ничего не вышло, никакиx изменений не было замечено.

Вот ссылка на скрин страницы с инпутом сайта: https://cloud.mail.r.../yu9x/NG3iw7fSp

Вот ссылка на тот код, который я применял, и который ничего не дал: https://cloud.mail.r.../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;};    "> 
 
 
Всем кто в курсе, как сменить шрифт в инпуте, просьба отписаться в топике.
Заранее спасибо

Прикрепленные изображения

  • 1.jpg
  • 2.jpg

 

 

Сообщение отредактировал BLIK: 20 August 2017 - 20:13
подправил вставку кода

  • 0

#2 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3070 сообщений
  • Репутация: 843

Отправлено 21 August 2017 - 12:12

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

 

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


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#3 Alexej

Alexej
    Topic Starter
  • Неактивные
  • 8 сообщений
  • Репутация: 0

Отправлено 21 August 2017 - 22:00

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

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


  • 0

#4 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3070 сообщений
  • Репутация: 843

Отправлено 21 August 2017 - 22:12

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

 

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

Если конечно раньше никто не даст решения - великие маги и любители головоломок время от времени сюда захаживают  :)


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#5 Alexej

Alexej
    Topic Starter
  • Неактивные
  • 8 сообщений
  • Репутация: 0

Отправлено 22 August 2017 - 07:09

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

Благодарен.

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


  • 0

#6 ShowPrint

ShowPrint
  • Пользователь PRO
  • 3070 сообщений
  • Репутация: 843

Отправлено 22 August 2017 - 11:59

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

 

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

type="weight: 30 px"

и

float:bottom;

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

 

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

border: 0px solid #DDD !important;

зачем указывать толщину и цвет границы, если она отсутствует (0px)?

В таком виде это равносильно border:none;

 

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

В сети есть какие-то решения через скрипты, но честно - не заморачивался, так как времени особо нет, а опера не так популярна...


Сообщение отредактировал ShowPrint: 22 August 2017 - 12:03

  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#7 Alexej

Alexej
    Topic Starter
  • Неактивные
  • 8 сообщений
  • Репутация: 0

Отправлено 24 August 2017 - 11:10

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

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


  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru