作者:疾风灬浪 | 来源:互联网 | 2020-07-30 03:17
这次给大家带来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社区 其它相关文章!