input框获取焦点样式变化

最近学习angularJS，发现挺省代码的。在添加功能中，经常会在input框获取光标的时候让其样式发生变化

angularJS的实现方式是这个样子：

CSS : input[type="text"].active{border:1px solid #ffbb11;};

HTML: <input type="text" class="{{titlefocus?'active':''}}" ng-focus="titlefocus=true;" ng-blur="titlefocus=false;" placeholder="请输入标题" id="title" name="title" required/>

这样就能实现

但正当窃喜的时候，公司大牛说了一句话，不用这么实现的，太麻烦了，直接用css就可以

CSS：input[type="number"]:focus{border:1px solid #ffbb11;}

之前的窃喜当然无存，膜拜大神，努力学习！