明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

input的placeholder樣式設置

發(fā)表時間：2023-09-13 來源：明輝站整理相關軟件相關文章人氣：

[摘要]這次給大家?guī)韎nput的placeholder樣式設置，input的placeholder樣式設置注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。/滾動條整體部分,必須要設置/::-webkit-scrollbar {width: 10px;height: 10px;border-radius:...
這次給大家?guī)韎nput的placeholder樣式設置，input的placeholder樣式設置注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。

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;
}

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關注php中文網(wǎng)其它相關文章！

推薦閱讀：

css3陰影的詳解

JavaScript的數(shù)組使用集合

javaScript容易被忽略的知識點

以上就是input的placeholder樣式設置的詳細內(nèi)容，更多請關注php中文網(wǎng)其它相關文章！


網(wǎng)站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。