:read-write Pseudo-class
شبه کلاس read-write:
در CSS، عناصری مانند <input>
یا <textarea>
را هدف می گیرد که توسط کاربر قابل ویرایش باشد.
این انتخابگر تنها عناصر <input> / <textarea>
را انتخاب نمی کند، بلکه تمام عناصری که توسط کاربر قابل ویرایش باشد را انتخاب می کند.
مانند تگ <p>
که صفت contenteditable
به آن افزوده شده باشد.
html
<input type="text" value="هر چه میخواهید تایپ کنید."> <input type="text" value="این یک فیلد read-only است." readonly> <p>این یک پاراگراف عادی است</p> <p contenteditable="true">شما میتوانید این پاراگراف را ویرایش کنید.</p>
css
input { min-width: 25em; } input:-moz-read-write { background: cyan; } input:read-write { background: cyan; } p:-moz-read-write { background: lightgray; } p:read-write { background: lightgray; } p[contenteditable="true"] { color: blue; }
مشاهده و ویرایش کد در حالت تمام صفحه
پشتیبانی مرورگرها
تمام مرورگرها بجز Internet Explorer از این شبه کلاس در CSS پشتیبانی می کنند.