CSS未应用于单选按钮

Question

作为表单验证的一部分，这是我尝试使尚未检查的单选按钮变为红色 -

input[type="radio"].error
{
	border: 2px red inset;
	font-weight: bold;
}

<label>task:</label>
<span id="Tasks">
<input type="radio" name="Task" id="backup" class="error" value="backup"/>
<label for="backup" class="rblabel">backup</label>
<input type="radio" name="Task" id="retire" class="error" value="retire"/>
<label for="retire" class="rblabel">retire</label>
<input type="radio" name="Task" id="unretire" class="error" value="unretire"/><label for="unretire" class="rblabel">unretire</label>
</span>

不幸的是，CSS中指定的样式未应用于HTML。为什么不呢？