contenteditable修改选中样式边框颜色

2149 ℃

1、contenteditable="true"可编辑

  <div contenteditable="true"></div>

或者用js

var div = document.getElementById('el');

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 = 'blue';
ele.setAttribute('contentEditable', 'true');
div.appendChild(ele);
ele.focus();

2、修改边框颜色

[contenteditable]{
  outline: 1px solid transparent; 
  border: 1px solid #fff;width: 100%;
}
[contenteditable]:focus{
  border: 1px solid #00c0ef; 
  border-radius: 3px;
}

进入前端入门建站教程官网入口

span设置contenteditable=true添加下拉框选项

el-table鼠标点击列表自动改变颜色(当前列高亮效果)

el-table根据不同类型设置不同td颜色方法

css属性background-clip实现渐变颜色+动画效果

js随机生成多种颜色

标签: contenteditable, 颜色

上面是“contenteditable修改选中样式边框颜色”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2362.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

Trae:新一代免费的AI编程工具
什么是SMTP协议?有什么作用?
css3语法如何做到单词不被分割
js如何将数据转为exe文件
十六进制颜色码转换成RGB颜色值
WordPress如何显示当前文章的评论个数