今天公司的ui突然跑過來問我一個問題：“如何在不影響操作的情況下，把input的光標(biāo)隱藏了？”。
我相信很多人會跟我一樣舶沿，覺得這是個什么狗屁需求，輸入框不要光標(biāo)這不是反人類嗎配并？可惜我們只是個小小的擼碼仔括荡，沒有反駁的權(quán)利只能默默接受...
在網(wǎng)上搜索了很多方式：用div模擬，設(shè)置readonly溉旋，設(shè)置disabled畸冲，設(shè)置自動blur等等方式，發(fā)現(xiàn)都不能滿足需求观腊，最后還是找到一位大神提供的方法完美解決邑闲。
首先隱藏光標(biāo)
<style>
input{
color: transparent;
}
</style>
因為光標(biāo)是跟隨文字的，所以我們把文字的color設(shè)置為透明梧油，光標(biāo)就不見了耶~
但是問題來了苫耸，文字都透明了要輸入框有啥用？別著急儡陨，請往下看~
把文字給顯示出來
<style>
input{
color: transparent;
text-shadow: 0 0 0 #000;
}
</style>
在input上設(shè)置text-shadow褪子，文字是透明的但是我們可以用文字陰影來代替文字的顏色量淌，這樣就完美解決啦。
image.png
原文章地址：http://blog.csdn.net/u010730897/article/details/72721960
