我正在使用 JavaScript 处理可编辑的 div 元素。
现在,当焦点集中在div区域时,黑色边框会自动显示出来。 我想要移除或更改该边框颜色,但我认为CSS不起作用,因为div元素是由JavaScript动态创建的。
有没有办法可以移除这个黑色边框或者更改它的颜色?
我尝试使用CSS,但由于元素是动态创建的,所以不起作用,如下:
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,但由于元素是动态创建的,所以不起作用,如下:
[contenteditable] {
outline: 0px solid transparent;
}
ele.style.fontSize = '12px''
应该改为ele.style.fontSize = '12px';
。 - Reyno