在網(wǎng)頁開發(fā)中，上傳圖片是一個(gè)常見的操作，但是默認(rèn)的上傳按鈕樣式往往不能很好地融入頁面中，因此我們需要使用 CSS 自定義上傳按鈕樣式。

.btn-upload {
display: inline-block;
padding: 10px 20px;
background-color: #f5f5f5;
border: 1px solid #ddd;
border-radius: 5px;
cursor: pointer;
}
.btn-upload:hover {
background-color: #ddd;
}
.btn-upload input[type="file"] {
display: none;
}

上述代碼中，我們首先定義了一個(gè)上傳按鈕的樣式，包括按鈕的 padding、背景色、邊框以及光標(biāo)類型等。然后我們使用偽類:hover來定義按鈕在鼠標(biāo)滑過時(shí)的樣式。

最后我們將 input 的 display 設(shè)置為 none，這樣我們就可以通過點(diǎn)擊上傳按鈕來觸發(fā)文件選擇框的彈出。

經(jīng)過這樣的樣式定制，我們可以獲得一個(gè)美觀且符合需求的上傳按鈕，并提升用戶體驗(yàn)。