CSS提供了各種樣式來美化頁面中的密碼框，下面我們介紹一些設置密碼框的CSS樣式。

/*設置密碼框邊框樣式*/
input[type=password] {
border: 2px solid #ccc;
padding: 10px;
border-radius: 5px;
}
/*設置密碼框背景顏色*/
input[type=password]:focus {
background-color: #f0f0f0;
}
/*設置密碼框中的文字樣式*/
input[type=password]::placeholder {
font-style: italic;
color: #aaa;
}
/*設置密碼框中的文字和光標的顏色*/
input[type=password] {
color: #333;
caret-color: #333;
}
/*設置密碼框中輸入的內容不可見*/
input[type=password] {
-webkit-text-security: disc;
-moz-text-security: disc;
text-security: disc;
}

上面的CSS樣式可以設置密碼框的邊框樣式、背景顏色、文字樣式、文字和光標的顏色等，最后一個樣式可以使密碼框中的輸入內容不可見，保證密碼的安全性。