Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> div:read-only:hover { background-color: #eee; } div:read-only:before, div:read-only:after { content: " / "; padding: 10px; color: #1c87c9; font-size: 30px; } </style> </head> <body> <h2>:read-only selector example</h2> <div readonly>Here is an example of :read-only selector on hover.</div> <br/> <div contenteditable="true">Example of a contenteditable paragraph! Just click and edit!</div> </body> </html>