html调整disabled按钮颜色,Input Color disabled 属性的用法_HTML对象

Input Color disabled 属性

示例代码

D禁用拾色器:

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

输出结果：

代码片段：

点击 "点我" 按钮禁用以上拾色器。

点我

function myFunction() {

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

}

演示一下 ?

一、定义和使用方法

disabled 属性用于设置或者返回拾色器是否可用。

使用 disabled 属性的元素是不可用和不可点击的。 禁用的元素在浏览器上通常显示为灰色。

该属性反映了 HTML disabled 属性。

二、浏览器支持

所有主流浏览器都支持 disabled 属性。

注意：Internet Explorer 和 Safari 浏览器不支持 元素。

三、语法

返回 disabled 属性：

colorObject.disabled

设置 disabled 属性：

colorObject.disabled=true|false

四、属性值值描述

true|false描述了拾色器是否可用true - 拾色器不可用

false - 默认。拾色器是可用的。

五、技术细节返回值：布尔值，如果拾色器被禁用返回 true，否则返回false。

六、更多示例代码

示例代码

查看拾色器是否可用:

var x = document.getElementById("myColor").disabled;x输出结果为：

true

点击 "点我" 按钮查看以上拾色器是否被禁用。

点我

function myFunction() {

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

document.getElementById("demo").innerHTML = x;

}

示例代码

禁用或启用拾色器:

function disableBtn() {

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

}

function undisableBtn() {

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

}

禁用拾色器

启用拾色器

function disableBtn() {

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

}

function undisableBtn() {

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

}