直接上代码

::-webkit-input-placeholder{position:relative;top:3px;padding-left:40px;font-family: '微軟正黑體';font-weight:bold;font-size:20px;}
:-ms-input-placeholder {position:relative;padding-left:40px;font-family: '微軟正黑體';font-weight:bold;font-size:20px;
}
::-moz-placeholder {position: relative;padding-left: 40px;font-family: '微軟正黑體';font-weight: bold;font-size: 20px;
}

设置color可能会失效,因为webstrom不识别这个属性

如何操控输入框中的placeholder属性相关推荐

  1. 在ie中实现placeholder属性(其实主要针对ie8,9)

    在ie中实现placeholder属性,一般有两种方法: 一种是在该input下方创建一个div,上面显示placeholder的值,利用绝对位置和相对位置,覆盖在input上方,使其看上去如同有了p ...

  2. Input 框中的 placeholder 属性获取焦点清空

    本人在开发一个微信小程序时,遇到如下问题: input 框获取了焦点,但是 placeholder 属性的值却仍然还在,必须输入任意数据后,该值才会隐藏,这会给用户一种不好的体验效果. 理想效果应为: ...

  3. 修改input、textarea元素中的placeholder属性样式

    input::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ input:-moz-placeholder{} /* Firefox版本4-18 */ ...

  4. 图文详解placeholder属性的使用方法以及如何修改placeholder的默认样式

    在页面布局时经常会用到input输入框,有时为了提示用户输入正确的信息,需要用placeholder属性加以说明.这篇文章就和大家讲讲placeholder属性怎么用以及如何修改placeholder ...

  5. html表单居中_如何在IE低版本中兼容HTML5表单属性placeholder属性

    WEB开发数据提交是必不可少的,为了更友好的用户体验,通常需要给输入框一个默认的提示信息.HTML5技术提供了一个表单属性placeholder专门用于输入框默认提示,但是在IE低版本中根本不兼容. ...

  6. php textarea 默认值,html中的textarea属性大全(设置默认值 高度自适应 获取内容 限制输入字数 placeholder)...

    1.textarea设置默认值 HTML: 此段代码设置一个textarea文本框 并且设置为隐藏 2.textarea高度自适应 今天需要些一个回复评论的页面,设计师给的初始界面就是一个只有一行的框 ...

  7. html5 颜色弹窗 位置,HTML5之placeholder属性以及如何更改placeholder属性中文字颜色大小位置...

    熟悉HTML5的人应该都知道,placeholder这个属性是HTML5中新增的属性,该属性的作用是规定可描述输入字段预期值的简短的提示信息,该提示会在用户输入之前显示在输入字段中,会在用户输入字段后 ...

  8. HTML5之placeholder属性以及如何更改placeholder属性中文字颜色大小位置

    熟悉HTML5的人应该都知道,placeholder这个属性是HTML5中新增的属性,该属性的作用是规定可描述输入字段预期值的简短的提示信息,该提示会在用户输入之前显示在输入字段中,会在用户输入字段后 ...

  9. HTML如何修改placeholder属性中文字颜色

    今天在群里看到群友问了一个这样的问题,就是如何更改placeholder属性中文字的颜色,以前用过这属性,却是没更改过颜色,于是便试了试,中途遇到些问题,查找资料后特来总结一下. 熟悉HTML5的人应 ...

最新文章

  1. ArrayAdapter requires the resource ID to be a TextView
  2. Microbiome:NGLess语言实现快速可重复分析宏基因组的流程NG-meta-profiler
  3. Python重装时记录所有库 生成requirement 使用requirements.txt
  4. 同步和异步的区别和联系以及一般在什么情况下使用它们
  5. 图像滤镜艺术--编码基础(Photoshop基础变换的代码实现)
  6. python+opencv 给女朋友照片加上个性相框,学会等着她夸你。
  7. 有源光缆AOC知识百科汇总
  8. 信息安全培训的一些考题和答案
  9. javascript的bind方法
  10. 部分代码_C primer plus 第三章 (代码部分)
  11. Java中的会话管理– HttpServlet,Cookie,URL重写
  12. 一个linux下g++使用的 makefile 模板
  13. python3的spyder安装_Python开发环境Spyder安装教程
  14. DNA序列的机器学习方法
  15. Windows XP和Windows 7双系统安装说明和注意事项
  16. qemu教程_QEMU实例教程
  17. js标准时间转换为时间戳
  18. ta点读笔客户端_点读笔到底哪支好?12款点读笔评测:看完不再稀里糊涂
  19. Mysql与Postgresql常用命令比较
  20. js-4 代理Proxy,object原型链, prototype, 继承,

热门文章

  1. json文件转为excel_2分钟上手、3小时学会无代码软件开发---XML、Json处理
  2. 会自学的四足机器人,3.5个小时学会走路!
  3. 自己动手写CPU(2)流水线数据相关问题
  4. AES加密算法的VHDL实现
  5. c与python 数据传递-详解python如何调用C/C++底层库与互相传值
  6. python项目实战干货_干货 | 这4个Python实战项目,让你瞬间读懂Python!
  7. 1.1 一个简单的脚本
  8. C#并发实战Parallel.ForEach使用
  9. JavaSE | 多线程
  10. 运行Vue在ASP.NET Core应用程序并部署在IIS上