百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> input的placeholder样式设定
分享文章到:

input的placeholder样式设定

发布时间:09/01 来源:未知 浏览: 关键词:
这次给大家带来input的placeholder样式设定,input的placeholder样式设定留意事项是什么,下面就是实战案例,一起来看一下。

1.png

/滚动条团体部分,必需要设定/

::-webkit-scrollbar {width: 10px;height: 10px;border-radius: 10px;}
/滚动条的轨道/::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);}
/滚动条的上下两端的按钮/::-webkit-scrollbar-button {height: 10px;border-radius: 10px;}
/滚动条的滑块按钮/::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #048AE9;box-shadow: inset 0 0 5px #fff;}

1.png


input placeholder设定

/input placeholder样式设定/
input::-webkit-input-placeholder {
/* placeholder色彩  /
color: #fff !important;
/ placeholder字体大小  */
font-size: 16px;
font-weight: 100;
}

信赖看了本案牍例你已经把握了办法,更多出色请关注百分百源码网其它相关文章!

引荐阅读:

css3暗影的详解

JavaScript的数组使用汇合

javaScript容易被忽略的知识点

以上就是input的placeholder样式设定的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板