HTML5中怎么用placeholder美化input背景提示文字
发表于:2024-10-18 作者:千家信息网编辑
千家信息网最后更新 2024年10月18日,这篇"HTML5中怎么用placeholder美化input背景提示文字"文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能
千家信息网最后更新 2024年10月18日HTML5中怎么用placeholder美化input背景提示文字
这篇"HTML5中怎么用placeholder美化input背景提示文字"文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇"HTML5中怎么用placeholder美化input背景提示文字"文章吧。
CSS代码
在火狐浏览器中的写法和在谷歌浏览器和Safari里的写法有些不同,但相信以后会统一。
/* 通用 */::-webkit-input-placeholder { color:#f00; }::-moz-placeholder { color:#f00; } /* firefox 19+ */:-ms-input-placeholder { color:#f00; } /* ie */input:-moz-placeholder { color:#f00; }/* webkit专用 */#field2::-webkit-input-placeholder { color:#00f; }#field3::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }/* mozilla专用 */#field2::-moz-placeholder { color:#00f; }#field3::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }
其实只是一句代码,但为了实现范围最广的浏览器支持,加上了各自的浏览器引擎前缀(Vendor Prefix),一下子变成了10几行代码,希望这种情况会尽快的过去。
一些基本的CSS样式你都可以使用在placeholder上——颜色,字体,字体样式等。你可以还可以创造更复杂的样式,比如用GIF动画。
以上就是关于"HTML5中怎么用placeholder美化input背景提示文字"这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注行业资讯频道。
内容
浏览器
浏览
文字
背景
提示
代码
样式
写法
字体
文章
知识
篇文章
专用
不同
复杂
价值
前缀
动画
只是
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
瞬联软件开发是外包吗
移动数据库技术
计算机网络技术课本中职
哪些数据库支持type加密
有什么网络兼职软件开发
遂宁软件开发销售电话
国密数据库透明加密网关
蛋白质晶体结构数据库
软件开发能否代理
处理excel数据库
可靠互联网科技知识
受大众喜欢的服务器维护
jboss 数据库配置
中商产业研究院 大数据库
没备案域名怎么访问服务器
云海服务器管理中心地址
word数据库表格
2018公需科目网络安全法
360dns服务器解析异常
国家网络安全问题仍然存在
发改局网络安全总结
一般处理程序实现数据库增删改查
操作系统运用了数据库的技术吗
网络安全人才需求增长
远程数据库连接说明
软件开发项目交接模板
技术团队软件开发
广场电视台网络安全意义
查询数据库用户创建的时间
网络安全与攻防是什么意思