2010-08-23 4 views
0

Мне нужно прорисовать текст внутри текстового поля, используя css. Текст должен быть выделен по умолчанию.выделить текст в textarea

У меня есть текстовое поле, которое является нормальным. Где пользователь что-то вводит. Мне нужен текст, который должен иметь некоторый фоновый цвет. Не используйте фоновый цвет textarea. Jus для текста.

Любой Просьба помочь ..

+1

Что вы имеете в виду с подсветкой? Вы хотите выделить весь текст или просто его часть? – RoToRa

+0

Ваш вопрос слишком расплывчатый, чтобы дать простой ответ, пожалуйста, обновите его с более подробной информацией, примерами, образцами, вещами, которые вы пробовали до сих пор, и т. Д. Мой зудящий триггерный палец умирает, чтобы нажать кнопку закрытия. –

+1

duplicate: http://stackoverflow.com/questions/142527/highlight-text-inside-of-a-textarea –

ответ

0

Я полагаю, вы имеете в виду, имеющий текст, выбранный таким образом она может быть удалена, когда пользователь начинает печатать или копировать в буфер обмена. Вы не можете выполнить такую ​​вещь, с помощью CSS: вы должны использовать JavaScript:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head><title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<script type="text/javascript"><!-- 
window.onload = function(){ 
    var t = document.getElementsByTagName("textarea"); 
    for(var i=0, len=t.length; i<len; i++){ 
     t[i].select(); 
    } 
} 
//--></script> 
</head> 
<body> 

<textarea>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</textarea> 

</body> 
</html> 

Поскольку вы можете иметь только один выбранный элемент в то время, это, вероятно, более интересно, чтобы выбрать текст на фокус:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head><title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<script type="text/javascript"><!-- 
window.onload = function(){ 
    var t = document.getElementsByTagName("textarea"); 
    for(var i=0, len=t.length; i<len; i++){ 
     t[i].onfocus = function(e){ 
      e.target.select(); 
     } 
    } 
} 
//--></script> 
</head> 
<body> 

<textarea>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</textarea> 
<textarea>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</textarea> 

</body> 
</html> 

Отказ от ответственности: этот образец кода не проверен и, вероятно, неисправен.

Обновление

Вы имеете в виду это?

textarea{ 
    background-color: #FFEFC6; 
} 
+0

Я не хочу выбирать текст, мне нужен только цвет фона текста. – Santhosh

+0

'background-color'? –

+0

background-color - установить цвет для всего текстового поля, но мне нужно только для текста ... – Santhosh

0

Я не верю, что можно делать то, что вы хотите, только с обычной текстовой областью и css. Вы можете выполнить то, что хотите, с одним из перечисленных здесь редакторов: link

0

Вы не можете сделать это в HTML/CSS. Textarea - это элемент уровня блока, и текст внутри должен быть обернут элементом встроенного уровня, чтобы выделить его отдельное выделение. Попробуйте взломать что-то из обрезанного простого WYSIWYG, например http://code.google.com/p/jwysiwyg/

0

Вам нужно использовать два отдельных слоя. Один для отображения текста textarea и один для отображения выделения. Вам потребуются js, css и html. Игнорируйте nay-sayers. Кодирование - это поиск решений. Люди, которые говорят вам, что нет ни одного, обычно не кодеры, они дизайнеры.

Смежные вопросы