相信很多時候input上的文字困擾着web前端開發者，必須要通過修改html代碼中的value值才能清空按鈕上的文字，但很多人不願意去動html代碼，一方面麻煩，另外主要的原因還在於保留文字對seo有好處，對搜索引擎有力的東西當然能保留就保留。
今天零度就來告訴大家利用css去除掉input按鈕上的文字的幾種方法，先看一個例子：
<input type="button" style="background:red; width:120px; height:50px;" value="中文" />
為了簡單的演示，我把一些屬性給去掉了，這是一個紅色的button，上面有中文兩個字，現在我要加一些css屬性，把中文兩個字隱藏掉。
第一個屬性：text-indent
<input type="button" style="background:red; width:120px; height:50px;text-indent:-9999px" value="中文" />
這個屬性相信很多人都用過，很實用，是不改變html代碼而讓文字隱藏常用的方法，只是-9999這個數字不一定非要這么大，稍微大點，超出按鈕的長度即可，當然，最好還加上overflow:hidden。
第二個屬性：padding-top
<input type="button" style="background:red; width:120px; height:50px;padding-top:100px" value="中文" />
padding-top的值大小可以根據情況而定，只要超過按鈕的高度即可，同上，最好加上overflow屬性。
第三個屬性：line-height
<input type="button" style="background:red; width:120px; height:50px;line-height:200px" value="中文" />
通過行高也可以使按鈕上的文字隱藏，line-heigt的值要大於按鈕高度的二倍，盡量設的大一點，加上overflow。
通過以上三個屬性都可以很輕松的隱藏掉input按鈕上的文字，從而讓我們做的精美的背景圖片呈現在用戶面前，提高用戶體驗，還在等什么，趕快去試試吧，有什么問題，歡迎來咨詢我。