Цвет шрифта не соответствует стилю, указанному в CSS для текстовой области и полей выбора

Question

Я пытаюсь стилизовать веб-форму на своей веб-странице, и в форме есть пара текстовых полей, текстовое поле и выпадающий список. У меня возникают трудности при оформлении текстовой области и выборе выпадающего списка; текстовые поля выглядят как ожидалось.

Для поля textarea я использовал css как:

textarea{
font-size:0.9em;
color:#6da021;
border:1px solid #6da021;
width:300px; height:50px;
padding-left:10px;
font-family: tahoma, sans-serif;
}

Я также попытался вставить идентификатор в HTML-текстовой области, а затем использовать приведенный выше стиль, например:

<textarea type="text" rows="5" cols="30" name="details" id="details"></textarea>

В обоих случаях свойства границы были успешно применены. Но то, что не сработало в обоих направлениях - это цвет текста внутри текстового поля, а также шрифт немного отличается от того, что видно в текстовых полях, в которых используется одно и то же «font-family: tahoma, sans-serif;» CSS.

Точно так же для стиля окна выбора, хотя свойства границ отображаются правильно, и что цвет шрифта первого значения - значения, которое отображается изначально, без необходимости нажимать на стрелку раскрывающегося меню - также отображается правильно. Но когда пользователь нажимает стрелку раскрывающегося списка, все значения затем отображаются в цвете по умолчанию (а не в цвете, который был специально использован для выбора CSS).

Это какая-то известная проблема, или я упускаю еще какие-нибудь стили? Я вижу, что проблема видна во всех браузерах (IE / firefox и т. Д.)

Спасибо!

Answer 1

Ух, я очень опоздал, чтобы увидеть это, но вот ответ, чтобы исправить проблемы с размером шрифта

 body{
  font-size:15px;
  font-family: tahoma, sans-serif;
 }

 textarea{
  font-family: inherit;
  font-size: inherit;
 }

Answer 2

Нет необходимости вводить type = 'text' в текстовую область.Вы используете id = 'details' и name = 'details', что одно и то же (ссылка на 2 идентификатора).Я предлагаю использовать класс с именем details для стиля и id = 'content', чтобы извлечь текст позже, если это необходимо.

Answer 3

ваш стиль верен, но если вы не отражаете изменения, то я думаю, что ваш стиль заменен каким-то другим существующим стилем, имеющим приоритеты

, если вы используете firebug, чем проверяйте, проверяя эту текстовую область или если вы неЗнайте abt firebug, чем это плагин firefox, установите его и проверьте, заменена ли ваша таблица стилей или есть какая-то другая проблема ...

если вы не возражаете, ответьте мне, если потребуется дополнительная помощь