:indeterminate Pseudo-class
شبه کلاس indeterminate:
در CSS، می تواند هر عنصری که در وضعیت نامشخص باشد را هدف قرار دهد.
عناصری که توسط این شبه کلاس هدف قرار می گیرند عبارتند از:
- عناصر
<"input type="checkbox>
که ویژگیindeterminate
برای آنها توسط جاوااسکریپتtrue
شده باشد. - عناصر
<"input type="radio>
، زمانی صفتname
در تمام آنها یکسان بوده و هیچ یک از آنها هنور انتخاب نشده باشند. - عناصر
<progress>
در وضعیت نامشخص.
در مثال زیر میبینیم که استایل ها به متن های کنار فرم هایی که وضعیت نامشخص دارند داده شده است.
html
<div> <input type="checkbox" id="checkbox"> <label for="checkbox">This label starts out lime.</label> </div> <div> <input type="radio" id="radio"> <label for="radio">This label starts out lime.</label> </div>
css
body {direction: rtl; font-family:tahoma;} input:indeterminate + label { background: lime; }
JavaScript
var inputs = document.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++) { inputs[i].indeterminate = true; }
مشاهده و ویرایش کد در حالت تمام صفحه
پشتیبانی مرورگرها
تمام مرورگرها از این شبه کلاس در CSS پشتیبانی می کنند.