Как вы меняете цвет исходного текста в текстовом поле с помощью CSS?

Question

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

Answer 1

Свойство color css используется для установки текста цвет. Вы можете использовать имя, значение rgb или шестнадцатеричное значение.

Изменение видимости элементов в реакции на события потребует некоторого знания JavaScript. Вы можете использовать jQuery, которая является библиотекой javascript, для достижения этой цели. переключая поведения, вы можете заставить элемент исчезать, а затем снова появляться.

Если вы хотите что-то вроде текста по умолчанию в текстовом поле, пока пользователь не сфокусируется на этом, вам нужно обработать события фокусировки и размытия. Эта публикация содержит учебник по этому вопросу.

Answer 2

CSS:

input.placeholder {
    color:#ccc;
}

JavaScript:

(function() {
    var placeholders = document.getElementsByClassName('placeholder');
    for(var p = 0; p < placeholders.length; p++) {
       var placeholder = placeholders[p];
       placeholder.onfocus = function() {
          this.value = '';
          this.removeClass('placeholder');
       };
       placeholder.onblur = function() {
          if(this.value == '') {
             this.addClass('placeholder');
          }
       }
    }
})();

Answer 3

Вы имеете в виду атрибут цвета для вашего первого вопроса?Что касается исчезновения текста при нажатии на поле, вы имеете в виду поле ввода html?

Если это просто div, то установка события onmouseover и onmouseout для скрытия div (может быть, использует display: block и display: none) может сделать это.