使用javascript焦点时更改contenteditable div元素的边框

我正在为可编辑的div元素使用javascript

 var div = document.getElementById('htmlelement');
 var ele = document.createElement('div');
 ele.setAttribute('id','inputelement');
 ele.style.display = 'inline-block';
 ele.style.border = 'none';
 ele.style.minHeight = '100px';
 ele.style.maxHeight = '100px;'
 ele.style.padding = '10px';
 ele.style.fontSize = '12px';
 ele.style.color = 'blue';
 ele.setAttribute('contentEditable','true');
 div.appendChild(ele);
 ele.focus();

现在，对焦后，div区域会自动显示黑色边框。 我想删除并更改边框颜色，但我认为CSS对此不起作用。因为div元素是由javascript动态创建的

是删除黑色边框或更改边框颜色的任何方法。

我正在尝试使用css，但由于动态元素的创建而无法工作 像

你说的“边界”是指“轮廓”？您可以将其设置为

none

var div=document.getElementById（'htmlelement'）；
var ele=document.createElement（'div'）；
ele.id='inputelement'；
ele.style.display='inline block'；
ele.style.border='none'；
ele.style.minHeight='100px'；
ele.style.maxHeight='100px；'；
ele.style.padding='10px'；
ele.style.fontSize='12px'；
ele.style.color='蓝色'；
ele.setAttribute（'contentEditable'，'true'）；
儿童分部（ele）；
ele.focus（）
div[内容可编辑]{
大纲：无；
}
CSS一直在工作，动态创建或不假设选择器适当地针对正确的元素，以遵循Jeremy的评论。您的代码中也有输入错误
ele.style.fontSize='12px'
应该是
ele.style.fontSize='12px'但我想根据条件改变边框颜色，可能的方式，比如我想将边框颜色改为蓝色，当我将鼠标悬停在div外时，我想改变显示在焦点上的div的不可见边框。不可能使用javascript吗？我也这么做了，但它不适用于javascript创建的元素，也不适用于javascript的任何解决方案？
[contenteditable] {
   outline: 0px solid transparent;
}