как добавить заполнитель в текстовое поле с помощью CSS - PullRequest
Новая
       11

как добавить заполнитель в текстовое поле с помощью CSS

0 голосов
/ 26 апреля 2018

У меня есть старый проект Struts, я хочу поместить заполнитель с помощью существующего класса CSS, потому что я должен сделать это изменение 100 s of number of jsp с.Я хочу сделать это в css раз и навсегда. 

.boxLookupMan
{
  border:1px solid #999;
  background-color:#ffffc7;
  font-family: verdana, arial, helvetica, sans-serif;
  FONT-SIZE: 11.5px;
  color:    black;
  text-indent: 2px;
  background-image: url(/KCBWeb/images/lookupblueman.gif);
  background-repeat: no-repeat;
  background-position: right top;
  content: "Enter your number";
}

Я добавил атрибут содержимого в класс boxLookupMan, после чего в моем текстовом поле должен отображаться текст «Введите ваш номер» в качестве метки-заполнителя. Что не работает.Пожалуйста, предложите другие способы сделать это или улучшить текущие css.

1 Ответ

0 голосов
/ 26 апреля 2018

Свойство content применяется к псевдоэлементам ::after и ::before.

Добавьте :: after или :: before к вашему стилю что-то вроде: 

.boxLookupMan::after {
  content: "Enter your number";
  /* ... The rest ... */
}

Remeberpseudo-elements нельзя использовать со всеми элементами HTML, вы НЕ МОЖЕТЕ использовать его, например, с <img>, <input> или <br>, так как они не могут содержать другие элементы.

:: после DOCS

содержание DOCS

...