HTML中placeholder字体颜色,修改input中placeholder字体颜色方法
如上,input的placeholder属性我们无需修改,但是如果恰巧我们设置的背景色和placeholder默认颜色一样的话,尴尬的事情就发生了,很小的一个问题会耽误我们不少时间查找什么原因造成的。
通过css样式设置input中placeholder字体颜色代码如下:
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
/* WebKit browsers */
color: #333;
font-family: "Microsoft Yahei","Lucida Grande", "Lucida Sans Unicode", "STHeiti", "Helvetica","Arial","Verdana","sans-serif";
}
input:-moz-placeholder, textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #333;
}
input::-moz-placeholder, textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #333;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #333;
}
当然,也可以修改字体样式、大小等属性。
HTML中placeholder字体颜色,修改input中placeholder字体颜色方法相关推荐
- php 修改input内容,JS简单获取并修改input文本框内容的方法示例
这篇文章主要介绍了JS简单获取并修改input文本框内容的方法,结合实例形式分析了JavaScript针对页面元素的获取.赋值等相关操作技巧,需要的朋友可以参考下 本文实例讲述了JS简单获取并修改in ...
- Java设置中文字体大小_eclipse中文字体大小修改,让中英文字体协调
貌似有不少人苦恼eclipse中文字体大小修改问题,默认的eclipse中文字体很小,和英文字体大小完全不在一个调子上,因为默认的eclipse juno中英文字体是Consolas,字体大小是10, ...
- 如何修改input的placeholder的文字颜色
最近项目出现了一个特殊的需求,需要修改input框中文字的颜色,这里我们想到的就是修改placeholder的颜色, 但是placeholder一般我们使用的都是他的默认颜色,那么我们如何更改他呢. ...
- html改变文字字体视频,修改视频中的文字(怎么修改视频中的文字内容)小视频文字广告替换教程方案(易学)...
不得不说现在各方面的推广真的是很重要,就像和我们狸窝家园一样,要想让许多人熟知且喜欢上是个非常不容易的事情.我们有时候看视频的时候往往精彩的部分会出现一些乱七八糟的广告,现在连电视剧都给玩坏了,简直就 ...
- html表格td的内容修改,点击table中的td,修改td中的内容功能实现
点击table中的td,修改td中的内容 前段时间,需要搭建演示页面,有个功能是实现点击表格中的某一格,能够修改对应格子中的内容,一开始不知道怎么写,在网上找了一下,自己再整合了一下,功能实现的代码如 ...
- mysql在计算机管理中的路径怎么修改_Rstudio中修改工作路径的三种方法
原文链接: Rstudio中修改工作路径的三种方法_weixin_44370085的博客-CSDN博客_rstudio改变工作目录blog.csdn.net Rstudio中修改工作路径的三种方法 ...
- 微信朋友圈+html+字体,一键修改微信朋友圈字体,快来试试吧
原标题:一键修改微信朋友圈字体,快来试试吧 大家好,我们平时发朋友圈的字体是不是很单调呢,有很多小伙伴喜欢与众不同,最近小编发现有很多朋友发朋友圈的时候,用上了特别个性的艺术字体,今天小编就给大家准备 ...
- uniapp中修改input里的字体颜色
看了好多文章修改颜色的方法都差不多,都没有效果,这种的最多: input::-webkit-input-placeholder { color: #BBBBBB!important; font-siz ...
- 修改input的placeholder字体颜色
效果 html <input type="text" class="name inputProgramColor" placeholder="请 ...
最新文章
- js技巧--转义符\的妙用
- electron——初探
- 用js和jQuery做轮播图
- PDE抛物型方程数值解法总结与例题分析
- Java 已老,Kotlin 或将取而代之!
- sqlalchemy用in_ 批量delete
- ECSHOP获取当前分类下商品的品牌列表
- 液晶驱动原理 c语言,基于STM8S的LCD驱动电路和LCD显示原理分析
- go如何实现图片拼接,文字书写
- 浮点数详解(一篇彻底学通浮点数)
- datealive软件最新_约会大作战手游官网版下载-约会大作战正版手游下载地址v3.79_86PS软件园...
- R语言并行计算beta-NTI值
- 爬虫开发04--代理IP
- postman里面的mockserver使用方法
- Orcale数据库简介
- 戴尔服务器T30不读硬盘,【戴尔 POWEREDGE T30服务器开箱展示】硬盘|散热|机箱|内存_摘要频道_什么值得买...
- 装在笔记本里的私有云环境:准备篇
- 说说tushare pro积分规则或积分获取的那些坑!
- 关系型映射---Java持久化API(4)
- 一个PS高手的话,对初学者很实用
热门文章
- sudo shutdown 定时关机
- 那些年,我以为产品经理就是市场竞争的胜负手...
- Win32 API实现CDC类的FillSolidRect接口
- 解读报告 Future of Project Management
- [PAT乙级]1037. 在霍格沃茨找零钱(20)
- 2021年陕西省安全员B证考试题及陕西省安全员B证报名考试
- Python中list的最大容量限制?最多支持多少?
- 从第一台计算机诞生到现在的50多年中,从第一台计算机诞生到现在的50多年中计算机的发展经历了( )个阶段....
- 乘法公式全概率公式贝叶斯公式
- Margin的使用方法