css禁用按钮在平板电脑中不起作用



-我有一个按钮:-我想用javascript禁用它:document.getElementById("input datestart"(.disabled=true;-Css:

input:disabled {
background-color: #fff!important;
color: #000;
}

文本颜色[颜色:#000;]在我电脑的浏览器上,它可以工作,但在平板电脑上,它不工作,请在图片下方找到在此处输入图像描述

您可以将其用于多个操作系统。

让背景和文本对屏幕可见,我在你的小提琴里观察到的是用户的transparent,所以可以随意修改颜色代码,使其在devicesplatforms之间保持一致。

document.getElementById("input-datestart").disabled = true;
input:disabled {
-webkit-text-fill-color: #880000;
/* Override iOS / Android font color change */
-webkit-opacity: 1;
/* Override iOS opacity change affecting text & background color */
color: #880000;
/* Override IE font color change */
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<input value="text value" name="datePlan" id="input-datestart" readonly="" type="text">
</body>
</html>

请尝试使用webkit前缀和CSS属性,我希望它适用于Android平台

最新更新