怎样通过CSS控制input输入框有readonly属性的背景色

<html>
 
<head>
 
<title>Online JavaScript Tester</title>
 

<style type="text/css">
 
input{
 
background-color:expression(this.readOnly==true?"#EEEEEE":"#FFFFFF");
 
}
 

input[readonly]{
 
background-color:#EEEEEE;
 
}
 

 

</style>
 

<script>
 

 

</script>
 
</head>
 
<body>
 
<input type="text" readonly/>
 
<input type="text"/>
 
<input type="text" readonly="true"/>
 
<input type="text" readonly="false"/>
 
</body>
 
</html>

2021-12-20
2022-01-18
2021-05-31
2022-12-23
2022-12-23
2022-12-23
2021-10-11