input的placeholder樣式設定

這次帶給大家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中文網其他相關文章！