Реальный пиарHTMLCSS → HTML свойство disabled и его стилевые особенности

HTML свойство disabled и его стилевые особенности

цвета html

Какое-то время назад мне пришло письмо следующего содержания:
Добрый день, вечер, утро %))

Дело в том, что я пишу Web-интерфейс для БД. Возникла потребность блокировать поля для ввода, но при этом цвет текста становиться бледно серым. Вот и сама проблема — никак не могу с помощью стилей установить другой цвет для заблокированных (disabled) полей. Возможно ли это вообще??
Надеюсь, вы сможете мне помочь.

С уважением, Виктория

Дорогая Виктория, хоть я и ответил Вам приватно, но думаю, что достопочтенной публике будет интересно решение Вашей проблемы, поэтому приведу его в этой заметке.

Изменить цвет возможно, но работать будет только в NN6/Mozilla. В любых других браузерах, увы, используется всегда системный цвет. Для лучшего представления давайте рассмотрим код следующий страницы:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>enabled-disabled</title>
<style type="text/css">
<!--
input{
color:green
}
/* CSS2 selector */
input[disabled]{
color:red
}
-->
</style>
</head>

<body>
<form>
<input value="enabled" /><br />
<input value="disabled" disabled="disabled" />
</form>
</body>
</html>

Как видно из листинга, для получения желаемого эффекта следует использовать CSS2 селектор input[disabled], который гласит, что элемент input, у которого определено свойство disabled, должен отображаться красным цветом. Он так и отображается, но только, повторюсь, в NN6/Mozilla. Даже последняя Opera с её прекрасной поддержкой CSS и всяческий других полезных вещей в данном контексте отдыхает, alas.

Была у меня также мысль менять цвет disabled поля с помощью JavaScript, но ожидаемого результата (смены цвета) достичь не получается.


Источник: http://htmlcssjs.ru

Рекомендуем



Важно Проще говоря, это объявление сработает для элемента независимо от наличия других правил CSS для этого же элемента


Договоримся о терминах HTML-элементы часто упоминаются на сайте, хотя на самом деле подразумеваются элементы как HTML, так и XHTML, ведь CSS применимы и к тем, и к другим


jQuery.post как наиболее распространённый ajax метод в jQuery В том, что Вам предоставлена большая свобода по использованию различных типов, возвращаемых данных