CSS3是一種新的樣式語言，它包括了用于創建各種表控件的新屬性和選擇器。這些表控件可以很容易地通過CSS樣式來自定義。下面我們就來簡單了解一下使用CSS3創建表控件。

首先是單選框和復選框。我們可以使用:checked 偽類選擇器來表示是否選中。代碼示例如下：

input[type="checkbox"]:checked {
background-color: green;
color: white;
}
input[type="radio"]:checked {
background-color: green;
color: white;
}

接下來是下拉列表。通過樣式屬性appearance:none;我們可以隱藏瀏覽器的默認下拉列表樣式。代碼示例如下：

select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('down-arrow.png') no-repeat right center;
border: none;
padding-right: 20px;
}

最后是滑塊控件。我們可以使用::-webkit-slider-thumb偽類選擇器來自定義滑塊的樣式。代碼示例如下：

input[type=range]::-webkit-slider-thumb {
width: 20px;
height: 20px;
background: #ffffff;
border-radius: 50%;
border: 1px solid #000000;
cursor: pointer;
-webkit-appearance: none;
position: relative;
z-index: 1;
}

以上就是CSS3表控件相關的簡單介紹，希望對大家有所幫助。