Изменение цвета одного символа в текстовом поле HTML/CSS

Я разрабатываю веб-сайт, и я хотел бы спросить вас, ребята, как я могу изменить цвет только одного символа в строке в текстовом поле HTML с помощью CSS?

пример: STACK OVER FLOW только буква "A" красная!

Спасибо, ребята,

Ответ 1

Вы не можете сделать это с помощью обычного элемента <input type="text"> или <textarea>, но с нормальным элементом (например, <div> или <p>), сделанным contenteditable, у вас есть все свободы html/css форматирования.

<div contenteditable>
    ST<span style="color: red">A</span>CK OVERFLOW
</div>

http://jsfiddle.net/jVqDJ/

Поддержка браузера очень хороша (IE5.5 +). Подробнее на https://developer.mozilla.org/en-US/docs/Web/HTML/Content_Editable

Ответ 2

Вопрос в том, что вы имели в виду под "текстовым полем"? Вы имели в виду простой текст на странице или редактируемый текст типа input type = "text" или textarea? Если вы имели в виду простой текст, то предыдущие ответы будут выполнять эту работу. Но в случае редактируемого текста достичь css невозможно.

Ответ 3

вы можете использовать жирные теги A

CSS

b {
font-color: red;
}

Ответ 4

Из css вы можете только изменить свойство элементов, поэтому вам нужно вставить букву "A" в другой элемент следующим образом:

ST<span>A</span>CK OVER FLOW just the 'A' letter is red!

И часть CSS

span{
   color:#FF0000;
}

Или присоедините к нему класс, подобный этому

ST<span class="myRedA">A</span>CK OVER FLOW just the '<A' letter is red!

CSS

span.myRedA{
       color:#FF0000;
    }

Ответ 5

<font color="#colors">text text text</font>