Я разрабатываю веб-сайт, и я хотел бы спросить вас, ребята, как я могу изменить цвет только одного символа в строке в текстовом поле HTML с помощью CSS?
пример: STACK OVER FLOW только буква "A" красная!
Спасибо, ребята,
Вы не можете сделать это с помощью обычного элемента <input type="text"> или <textarea>, но с нормальным элементом (например, <div> или <p>), сделанным contenteditable, у вас есть все свободы html/css форматирования.
<div contenteditable>
ST<span style="color: red">A</span>CK OVERFLOW
</div>
Поддержка браузера очень хороша (IE5.5 +). Подробнее на https://developer.mozilla.org/en-US/docs/Web/HTML/Content_Editable
Вопрос в том, что вы имели в виду под "текстовым полем"? Вы имели в виду простой текст на странице или редактируемый текст типа input type = "text" или textarea? Если вы имели в виду простой текст, то предыдущие ответы будут выполнять эту работу. Но в случае редактируемого текста достичь css невозможно.
вы можете использовать жирные теги A
CSS
b {
font-color: red;
}
Из 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;
}
<font color="#colors">text text text</font>