Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Any element with a disabled attribute */ [disabled] { opacity: 0.5; cursor: not-allowed; } /* Input type="text" exactly */ input[type="text"] { border: 2px solid #1a73e8; border-radius: 4px; padding: 6px 10px; } /* Links opening in a new tab */ a[target="_blank"]::after { content: " ↗"; font-size: 0.75em; } /* Links to PDF files (case-insensitive) */ a[href$=".pdf" i] { color: #b71c1c; font-weight: 600; } /* Any class containing "btn" */ [class*="btn"] { cursor: pointer; border-radius: 4px; }
Result
Open