太多不好複製：請戳此處
張鑫旭-鑫空間-鑫生活
[]本文參考自tj vantoll的list of pseudo-elements to style form controls.
如果你想看原汁原味的譯文，可以移步這裡：偽元素控制表單樣式.
我這裡所有的效果都自己重新製作demo試驗了下，辨別下真偽，看看window環境下的差異以及其他一些屬性支援等，然後，補充、記錄、備忘。
您現在可能會覺得折騰的這些東西不實用，過個1~2年，可能就是個寶了，記住這裡，適時過來瞅瞅，會有別樣收穫。
時間流逝，瀏覽器們支援的偽元素勢必會越來越多，因此，這裡也會不定期更新，當然，頻率肯定不會像大姨媽那樣頻繁。
因為牽扯多個瀏覽器，因此，內容還算挺多，有個索引還是很有必要的；為節約高度，水平排列，希望還習慣。
其他元素雜項input[type=button]
參見「其他元素」部分的元素
input[type=checkbox] / input[type=radio]
trident核心，也就是我們常說的ie瀏覽器下（以下所有ie下的偽元素均指ie10+瀏覽器），使用::-ms-check可以更改單核取方塊的ui. 如下css**以及html**：
::-ms-check
webkit核心的瀏覽器會給搜尋框增加一些額外的樣式，通過下面的css可以去掉這個樣式：
input[type=search]
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button戳此處
去除表單元素的預設樣式
禁用表單input select元素的預設外觀 禁用 select 預設下拉箭頭 ms expand 適用於表單選擇控制項下拉箭頭的修改，有多個屬性值，設定它隱藏 display none 並使用背景來修飾可得到我們想要的效果。select ms expand ms check 適用於表單核取方塊或...
更改表單元素預設樣式 更改檔案上傳按鈕樣式
雖然我們無法直接更改表單的input type file 按鈕，但是可以通過曲線救國的方式來實現。思路大致是這樣的 1 將按鈕設定透明度為0 2 在上面覆蓋乙個button，使二者位置完全重合。html 如下 span class sl custom file input type button v...
HTML表單元素 表單控制項
html是部署在伺服器上的文字檔案根據http協議，瀏覽器發出請求給伺服器，伺服器做出響應，給瀏覽器返回乙個html瀏覽器解釋執行html，從而顯示出內容 html部署在伺服器上，執行在瀏覽器上 表單用於顯示 收集資訊，並提交資訊到伺服器 表單二要素 表單元素 表單控制項 input text 文字...