<script type="text/javascript" charset="utf-8">
$(document).on('ready pjax:complete',function()    {
  $('#question{QID} input:eq(0).form-control').css({ 'width':'20%' });
  $('#question{QID} input:eq(1).form-control').css({ 'width':'60%' });
  $('#question{QID} input:eq(2).form-control').css({ 'width':'40%' });
  $('#question{QID} input:eq(3).form-control').css({ 'width':'80%' });
});
</script>

<style type="text/css" data-author="Tony Partner">
 
#question{QID} li.answer-item:nth-child(1) .form-control { width: 20%; }
#question{QID} li.answer-item:nth-child(2) .form-control { width: 60%; }
#question{QID} li.answer-item:nth-child(3) .form-control { width: 40%; }
#question{QID} li.answer-item:nth-child(4) .form-control { width: 80%; }

</style>