HTML input onfocus and onblur

해당 택스트 박스에 포커스가 있으면 주위에 두꺼운 빨간 테두리가있는 입력 텍스트 필드로 만들고 해당 택스트 박스에서 포커스가 벗어나면 일반 기본 테두리로 다시 기본 설정하기를 원하면

<style>

    .InputClass {

        border: 2px solid #ff0000;

    }

</style>

<input onfocus="this.className = 'InputClass';" onblur="this.className = '';">