前端开发您现在的位置是:首页 > 博客日志 > 前端开发

百度 Ueditor 样式完善,解决拖拽鼠标从后向前选择容易选中所有的问题

<a href='mailto:'>微wx笑</a>的头像微wx笑 2025-01-12前端开发 0 0关键字:   

解决方案主要是增加 P 标签的左右的 padding,这样在选择的时候视觉上鼠标已经超出了 p 标签的内容范围,实际上其实还是在 p 标签内,所以就不会那么容易当鼠标一移到行首就选择


nrM无知

解决方案主要是增加 P 标签的左右的 padding,nrM无知

这样在选择的时候视觉上鼠标已经超出了 p 标签的内容范围,nrM无知

实际上其实还是在 p 标签内,
nrM无知

所以就不会那么容易当鼠标一移到行首就选择所有内容的情况了。nrM无知


nrM无知

需要修改的文件:ueditor/themes/iframe.cssnrM无知

修改后的内容:nrM无知

@charset "utf-8";
/*可以在这里添加你自己的css*/
body {
 padding:0px !important; 
 margin:5px !important; 
}
body, p {
 color: rgb(51, 51, 51);
 font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
 font-size: 16px;
 font-weight: 400;
 line-height: 1.5;
 white-space: normal;
 text-align: justify; 
}

img {
 max-width:100%; 
}

p {
 padding:0 10px !important; 
}


nrM无知


nrM无知

本文由 微wx笑 创作,采用 署名-非商业性使用-相同方式共享 4.0 许可协议,转载请附上原文出处链接及本声明。
原文链接:https://www.ivu4e.cn/blog/front/2025-01-12/2018.html

很赞哦! () 有话说 ()

上一篇:两行CSS禁止复制

下一篇:返回列表

相关文章