ContenteditableのBorderをなんとかしたい

普通にその要素のfocus時のborderを弄ってもだめ。

focusとblurでborder要素のCSS（のクラスリスト）をオンオフする

code:script.js

var input = document.getElementById("editable");

input.addEventListener('focus', function(){

this.classList.add('is-focused');

});

input.addEventListener('blur', function(){

this.classList.remove('is-focused');

});

code:style.css

outline: 0px solid transparent;

}

outline: 2px solid grey;

}