*新闻详情页*/>
日期:2021-03-17 类型:科技新闻 我要分享
关键词:免费自助建站,手机建站平台,wap建站,免费自助建站平台,H5网站,H5模板建站
自定占位文字(placeholder)的款式
当大家对input
元素或textarea
元素写CSS款式的情况下, 假如必须自定占位文字(也便是placeholder)的款式的情况下如何办?
CSS有1个伪元素挑选器::placeholder
能够处理大家的难题.
用法
HTML
<input placeholder="我是鲜红色的!">
CSS
input::placeholder { color: red; font-size: 1.2em; font-style: italic; }
結果
但要留意, 这个伪元素挑选器是1个试验性的特点, 还必须1些光阴待访问器适配.
因而, 大家要加上1些前缀来应用它, 以下所示.
input::-webkit-input-placeholder { color: #999; } /* IE10+ */ input:-ms-input-placeholder { color: #999; } /* Firefox4⑴8 */ input:-moz-placeholder { color: #999; } /* Firefox19+ */ input::-moz-placeholder { color: #999; } input::placeholder { color: #999; } textarea::-webkit-input-placeholder { color: #999; } /* IE10+ */ textarea:-ms-input-placeholder { color: #999; } /* Firefox4⑴8 */ textarea:-moz-placeholder { color: #999; } /* Firefox19+ */ textarea::-moz-placeholder { color: #999; } textarea::placeholder { color: #999; }
参照连接:
MDN - ::placeholder
Can I Use - ::placeholder
以上便是本文的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多适用脚本制作之家。
Copyright © 2002-2020 免费自助建站_手机建站平台_wap建站_免费自助建站平台_H5网站,H5模板建站 版权所有 (网站地图) 粤ICP备10235580号