Question

html
（已禁用输入类型按钮），在iPhone设备上为灰色！
但我希望它在禁用时保持相同的样式...
该怎么做？

我尝试使用“ -webkit-appearance：无；”
全部（输入类型按钮）更改为我的CSS，
但是禁用的按钮仍然是灰色...
即使我写出“ input：disabled {background-color：white}”

<style>
input{
    display: block;
    -webkit-appearance: none;
    margin:5px;
    border: 2px solid #000;
    background-color: white;
}

input:disabled{
    display: block;
    border: 2px solid #000;
    webkit-appearance: none;
    background-color: white;
    }
</style>
<body>
<input id="button1" type="button" disabled>

</body>

我希望iPhone使用我编写的样式... 在iPhone上https://imgur.com/a/OkTjzoa 在PC / Android上，https://imgur.com/1miAJtZ

Answer 1

您只是想让禁用按钮保持白色？使用以下字符串可能会对您有所帮助：

input:-webkit-autofill {
   background-color: white !important;
}

重要标签将迫使背景变为白色。

Answer 2

问题解决了！

只需将不透明度设置为1

input:disabled{
-webkit-appearance: none;
opacity:1;
}

如何使禁用的输入按钮在ios浏览器中不是“灰色”？

2 个答案: