在網頁設計中，表單是一個非常重要的元素。CSS樣式可以用來改變表單的外觀和布局，從而實現各種各樣的效果。近年來，CSS3帶來了許多新的表單樣式，為表單設計增加了更多選擇。

input[type="number"] {
width: 150px;
height: 30px;
font-size: 16px;
padding-left: 10px;
border-radius: 5px;
border: 2px solid #ccc;
}

CSS3的input[type="number"]選擇器可以對輸入數字的表單控件進行樣式設置。代碼示例中，表單控件寬度為150px，高度為30px，字號為16像素，左邊距為10像素，圓角為5像素，邊框為2像素實線灰色。

input[type="checkbox"] {
height: 20px;
width: 20px;
}
input[type="checkbox"]:checked:before {
content: "\2713";
font-size: 20px;
position: absolute;
top: 0px;
left: 0px;
color: #fff;
}

使用CSS3的:checked偽類，可以實現選擇框選中時顯示特定的標記或符號。代碼示例中，選中的選擇框前面顯示一個√（Unicode編碼為"\2713"，顏色為白色），高度和寬度都是20像素。這個元素的定位使用了absolute，按鈕的位置應與其父元素相對，預置位置為左上角。

input[type="range"] {
-webkit-appearance: none;
width: 100%;
height: 10px;
border-radius: 5px;
background: #ddd;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: #4CAF50;
cursor: pointer;
}

對于用于選擇一個連續模式的控件來說，CSS3引入了新的元素：滑動塊。可以使用CSS樣式來改變滑動塊和滑塊軌道的外觀。例如，設置滑動塊的大小為20像素，邊角50%，顏色為#4CAF50。

CSS3的表單樣式使得設計師能夠為表單合理而有用地添加樣式，而不會干擾表單功能。現在，使用這些選擇器成為必備技能，能夠為表單提供各種美觀、易于使用的樣式。