在製作頁面時，經常會遇到需要自訂一些標籤的預設行為(如：input的佔位符等)，但這些預設的設定的css一般比較難記住,所以有必要自己做一下記錄。以下是我常用到的一些重設預設行為的css。
1、佔位符
在 標籤中設定 placeholder 屬性時，有時候因為需求，要修改佔位符的預設顏色或字體大小，這是就可以用下面的css:
// firefox
input::-moz-placeholder {
color: red;
font-size: 18px;
}
// IE
input:-ms-input-placeholder {
color: red;
font-size: 18px;
}
// chrome
input::-webkit-input-placeholder {
color: red;
font-size: 18px;
}需要注意的是不同瀏覽器寫法不同：
都要加上各自瀏覽器的前綴(如 -webkit- )；
firefox的 placeholder 的前面沒有 input- ；
firefox與chrome都是 :: 兩個冒號，而IE則是一個 : ;
低版的瀏覽器與新版瀏覽器可能寫法不同；
2、下拉框的小三角
select 標籤會出現小三角,通常這個小三角我都會去掉，或者用背景圖片的方式替換為符合要求的樣子。去掉小三角的css：
-webkit-appearance: none; -moz-appearance: none;
在IE瀏覽器目前還沒找到可以去掉小三角的方法。
3、input[type=number]右邊的spinners
nput[type=number] 通常用在行動裝置上，瀏覽器會辨識number輸入類型，然後改變數字鍵盤來適應它。但是它會出現spinners，一般不需要它。去掉spinners的css如下：
// firefox
input[type='number'] {
-moz-appearance:textfield;
}
// chrome
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}4、-webkit-tap-highlight-color
在行動裝置上(如微信、QQ內建瀏覽器)，當你點擊一個鏈接或者透過Javascript定義的可點擊元素的時候，會出現藍色邊框，我是很討厭這個邊框的，所以一般我會去除：
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
將高亮色設為透明，這樣就看不到藍色邊框了。
5、滾動條
webkit現在支援擁有overflow屬性的區域，列錶框，下拉選單，textarea的滾動條自訂樣式。有時候需要把捲軸去掉，特別是頁面中出現幾條滾動條的時候：
::-webkit-scrollbar {
width: 0;
}設定滾動條的寬度為0就可以去除滾動條了。如果需要自訂捲軸樣式可以點選 www.xuanfengge.com/css3-webkit-scrollbar.html ，裡面介紹如何自訂捲軸樣式。
在上面記錄了我在專案中常用的比較不容易記憶的css程式碼。如果朋友們也有比較常用的不太容易記住的css代碼，歡迎幫忙補充。
【相關推薦】
1. 免費css線上影片教學
2. css線上手冊
#以上是5個必須知道的css自訂程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
