HTML5技术

HTML5 Content Editable实践 - 怪诞咖啡

字号+ 作者:H5之家 来源:H5之家 2016-09-04 15:00 我要评论( )

基于此开发文档:https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Content_Editable 问题:通过contenteditable实现的输入框没有placeholder,所以自己实现了一下 .cd-write { background : #fafafa ; padding : 8px 12px ; position : fixed ; le

基于此开发文档:https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Content_Editable

问题:通过contenteditable实现的输入框没有placeholder,所以自己实现了一下

.cd-write{background:#fafafa;padding:8px 12px;position:fixed;left:0;right:0;bottom:0;border-top:solid 1px #dfdede;z-index:10;} .cd-write .btn{background:#fda626;color:white;height:34px;font-size:16px;width:60px;text-align:center;border-radius:5px;line-height:34px;position:fixed;bottom:11px;right:12px;} .cd-write .input{overflow:hidden;padding:8px 6px;border:solid 1px #ebebeb;overflow:auto;background:white;border-radius:5px;min-height:16px;max-height:100px;line-height:140%;outline:none;margin-right:70px;} .cd-write .input:empty:before{content: attr(placeholder);color:#bbb;}

发送

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5移动开发学习笔记 - lyzh

    HTML5移动开发学习笔记 - lyzh

    2016-08-30 14:00

  • HTML5自定义属性之data-* - 缥缈飞云

    HTML5自定义属性之data-* - 缥缈飞云

    2016-08-26 13:00

  • html5 canvas首屏自适应背景动画循环效果代码 - 上善如水211

    html5 canvas首屏自适应背景动画循环效果代码 - 上善如水211

    2016-08-23 16:00

  • html5 js控制音乐播放 - 裂光逝

    html5 js控制音乐播放 - 裂光逝

    2016-08-20 11:00

网友点评