IOS下input框disable状态下颜色问题处理

六月初六月初 CSS 2019-04-26 18:22:46

最近一次开发中，发现在ios系统下，input框如果为disable时，字体颜色为灰色。那么我们要如何修改字体的颜色呢？

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<title></title>
	</head>
	<body>
		<style>
			input[disabled],input:disabled,input.disabled{  
				color: #f00;  
				-webkit-text-fill-color: #f00;  
				-webkit-opacity:1;  
				opacity: 1;  
			} 
		</style>
		<input type="text" disabled="disabled" style="color: #f00;" name="" id="" value="六月初博客站" />
	</body>
</html>

不得不说，有时候在开发中坑很多，但还是要一个一个的填啊！


六月初字帖坊小程序 你想要的字帖模板及工具，这里都有！