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添加下拉框选项
css属性background-clip实现渐变颜色+动画效果
标签: contenteditable, 颜色
上面是“contenteditable修改选中样式边框颜色”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_2362.html
workflows工作流
一只蓬松柔软的圆形半鳄梨玩偶
瀑布边坐着一位披着斗篷的隐士
森林里有一个皮肤像抛光黑曜石的生物
ai图片扩大comfyui工作流
一位穿着优雅银色装饰黑色连衣裙的苗条模特
一个可爱的口袋妖怪ComfyUI工作流
一个外国人在吹奏萨克斯ComfyUI工作流
一辆停在混凝土墙前运动型SUV捷豹概念车
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!