CSS :read-write Pseudo Class - Playground Example

« Back to CSS :read-write Pseudo Class

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
input:read-write { 
   border: 1px solid green; 
} 
</style>
</head>
<body>
<p>
   <input type="text" size="40" value="Entered text can not be changed." readonly>
</p> 
<p>
   <input type="text" size="40" value="This text is you can change.">
</p> 
<p>
   <input type="submit" value="Submit">
</p>
</body>
</html>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee