1. 情景描述
input框设置为disabled时在ios与android上样式不一致。
2. 问题追踪
坚持不懈地搜索以及测试，才发现根本问题在于：ios会在input框为disabled时做透明度的设置，所以无论怎么调整颜色，总会不太一样，以下为测试代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>test</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<style>
input {
border: 1px solid gray;
outline: none;
font-size: 1.5em;
}
.card {
margin-bottom: 10px;
}
.card.normalset input {
color: blue;
}
.card.normalset input::placeholder {
color: black;
}
.card.setopacity input {
color: blue;
opacity: 1;
}
.card.setopacity input::placeholder {
color: black;
}
</style>
</head>
<body>
<div class="card">
<div>默认的有value值的</div>
<div><label>默认可输</</
最低0.47元/天 解锁文章
472
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
