Я хочу, чтобы текст внутри текстового поля, как «ваше имя»,
Цвет «вашего имени» должен быть черным, а цвет * должен быть красным.
как я могу это сделать ??
Как показать несколько цветов шрифта внутри текстового поля
Пожалуйста, помогите мне.
Это то, о чем я спрашивал здесь.
Несколько цветов Заполнитель.
Answer Link Here
Некоторые Trick здесь
.input-field {
position: relative;
display: inline-block;
}
.input-field > label {
position: absolute;
left: 0.5em;
top: 50%;
margin-top: -0.5em;
opacity: 0.5;
}
.input-field > input[type=text]:focus + label {
display: none;
}
.input-field > label > span {
letter-spacing: -2px;
}
.first-letter {
color: red;
}
.second-letter {
color: blue;<div class="input-field">
<input id="input-text-field" type="text"></input>
<label for="input-text-field">
<span class="first-letter">your name</span>
<span class="second-letter">*</span>
</label>
</div>Вы не можете иметь разные цвета в одном текстовом поле. (Надежно, что в браузерах все равно)
Наиболее распространенный подход к этой проблеме для обязательных полей - поместить звездочку непосредственно после текстового поля в элементе с классом, чтобы установить текст в красный.
Пример: http://jsfiddle.net/JzFd4/
благодарю вас за ответ. я ценю это. – khurram
Мне нужен круговой наклон на моем изображении. Это изображение разрешения 230 x 231. При наведении на изображение на нем будет показана только часть круга. как это будет? – khurram
Создайте новый вопрос с вашей проблемой, и все сообщество сможет предложить помощь :) –
Вы не можете; значение поля ввода текста - это обычный текст.
Включите пояснение, включая индикатор требуемой необходимости, на этикетке, а не в поле. Вы можете использовать разметку для индикатора, и цвет его:
<label for=name>Your name<span class=reqd>*</span>:</label>
<input id=name name=name size=40 required>
спасибо за быстрый ответ мой дизайнер дал мне дизайн страницы, которая содержит этот тип текстовых полей, как я упоминал выше в своем вопросе. Это была новая вещь для меня. :) – khurram
Я думаю, что вы должны хотеть этого
CSS
label{
color:black;
}
label span {
color:red;
}
input{
line-height:25px;
color:gray;
font-size:16px;
}
input:focus{
color:black;
}
HTML
<label>
Your Name:- <input type="text" value="your name"><span>*</span>
</label>
Демо-версия http://jsfiddle.net/rohitazad/dZmaZ/
AFAIK, вы не можете частично изменить цвет текста в текстовом поле или текстовой области. Вам нужно будет изучить использование атрибута contenteditable и скопировать содержимое из него в текстовое поле, чтобы сохранить значение (например, что делают большинство редакторов WYSIWYG). –
благодарит вас. это помогает мне очистить свой разум – khurram