[摘要]这次给大家带来input的placeholder样式设置,input的placeholder样式设置注意事项有哪些,下面就是实战案例,一起来看一下。/滚动条整体部分,必须要设置/::-webkit-...
这次给大家带来input的placeholder样式设置,input的placeholder样式设置注意事项有哪些,下面就是实战案例,一起来看一下。

/滚动条整体部分,必须要设置/
::-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;}

input placeholder设置
/input placeholder样式设置/
input::-webkit-input-placeholder {
/* placeholder颜色 /
color: #fff !important;
/ placeholder字体大小 */
font-size: 16px;
font-weight: 100;
}
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
css3阴影的详解
JavaScript的数组使用集合
javaScript容易被忽略的知识点
以上就是input的placeholder样式设置的详细内容,更多请关注php中文网其它相关文章!
微信
分享
网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
关键词:input的placeholder样式设置