Текст внутри формы

[Max_Sheva]

Здраствуйте знатоки.

Стоит такая задача нужно внутри формы поиска изменить текст не прибегая к JS. Все ничего но проблема в том что нужно два варианта:

Первое серый текст атрибута placeholder должен остатса серым ;

Второе когда user вводит или уже ввел текст поиска он должин быть чорным;

Я новичок работаю только 2 месяца поетому не судите строго если вопрос очень простой но я не всилах разобратса сам.

Код формы такой:

<div id="search">

<form action="/search/index.html" method="get">

<input class="text" placeholder="поиск по товарам и брендам" type="text" value="" name="query" id="query" />

<input class="search-button" name="" type="submit" value="" />

</form>

</div>

Код css такой:

#search input.text {

font-weight: bold;

text-transform: lowercase;

color: #aeaeae;

display: block;

float: left;

font-size: 14pt;

font-weight: lighter;

width: 415px;

height: 30px;

margin: 8px 5px 0 25px;

border: none;

background: none;

}

.text {

text-indent: 1em;

text-align: justify;

font-size: 10pt;

font-style: italic;

color: #555;

list-style-position: inside;

margin-bottom: 10px;

}

Если что не так выложил извенить обычно сам во всем разбираюсь , сейчас просто проект горит и нет особо времири много искать. За любой ответ огромное спосибо!

[ViStefan]

Собственно, если из вашего кода убрать весь css, касающийся цвета текста, то и получится то, что вам нужно. Просто это будет малозаметно при вашем bold'е. Другой вопрос как сменить цвет по умолчанию, но это уже другая тема.

[Max_Sheva]

Собственно, если из вашего кода убрать весь css, касающийся цвета текста, то и получится то, что вам нужно. Просто это будет малозаметно при вашем bold'е. Другой вопрос как сменить цвет по умолчанию, но это уже другая тема.

Спосибо за ответ. Но об етом я и сам знаю да ладно уже решили. Методом уговора заказчика не менять дизайн.