一些CSS

  • input placeholder利用transform设置文字大小并且垂直居中显示
input {
    font-size: 30px;
}
input::-webkit-input-placeholder {
    transform: scale(0.5) translateX(-49%) translateY(10%);         
}
  • contentEditable=true设置placeholder
[contentEditable=true]:empty:before{
    content: attr(placeholder); // placeholder为dom的属性值
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,003评论 3 119
  • 当父元素内只有一个行内元素时,我们会在父元素上添加line-height和text-align,使得行内元素居中,...
    hhg121阅读 440评论 0 0
  • 宽度与高度 如果div里面有一个内联元素,那么这个div的高度就是内联元素的这一行的行高决定的。 当我们写一个di...
    鹧鸪少阅读 758评论 0 0
  • 曹操杀了蔡瑁和张允两人之后,才发现自己中了周瑜的计,差点儿没把他自己给气死! 如今曹营内没了精通水军兵法的人,周瑜...
    开始的开始123阅读 788评论 0 0
  • 一天不出门,看完了九月份的第一本书,完成了一幅思维导图,改了一张图纸,做了两顿饭,整理了例会文件,看了几集电视,画...
    吴大笑阅读 115评论 0 0