如何在输入上应用边框？

Question

我对此作品感到惊讶：demo

<span>
<input type="checkbox" />
</span>

span{
    border: 1px solid red;
}

但这不起作用：demo

<input type="checkbox" />

$('input').wrap('<span />').css('border','1px solid red');

Answer 1

您需要在<span>元素上应用边框，而不是<input>，因此您可以使用 .parent() 遍历一个级别：

$('input').wrap('<span />').parent().css('border','1px solid red');

<强> Updated Fiddle