最近學習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;}

之前的竊喜當然無存，膜拜大神，努力學習！