JavaScript DOM Input Color 对象 disabled 属性

• 

  Input Color 对象 disabled 属性

  disabled属性设置或返回是否应禁用颜色选择器。禁用的元素无法使用且无法单击。默认情况下，在浏览器中，禁用元素通常以灰色显示。此属性反映HTML disabled的属性。

  禁用颜色选择器：

  document.getElementById("myColor").disabled = true;

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  disabled	10.0+	支持	支持	支持	支持

  注意： <input type =“color”>元素在Internet Explorer和Safari中不显示任何颜色选择器。
• 

  语法

  返回disabled属性：

  ColorObject.disabled

  设置disabled属性

  ColorObject.disabled = true|false
• 

  属性值

  值	描述
  true|false	指定是否应禁用颜色选择器 true - 禁用颜色选择器 false - 默认。 颜色选择器未禁用

• 

  技术细节

  项目	描述
  返回值	如果禁用颜色选择器，则返回true，否则返回false

• 

  更多例子

  找出是否禁用了颜色选择器：

  var x = document.getElementById("myColor").disabled;

  尝试一下

  禁用并取消选择颜色选择器：

  function disableBtn() {
      document.getElementById("myColor").disabled = true;
  }
  function undisableBtn() {
      document.getElementById("myColor").disabled = false;
  }

  尝试一下
• 

  相关页面

  HTML参考：HTML <input> disabled 属性