Как применить рамку на входе?

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