android 部分 browser 的input 與 textarea 不能使用css

最近工作上碰到一個問題
使用android的預設瀏覽器的時候
發現當focus到input或textarea要輸入文字的時候
css會被取消掉的問題
本來一直以為是瀏覽器故意這麼做,沒有解決的方法
後來無意間還是讓我找到解法
就是在css加上

-webkit-user-modify: read-write;

後來有查到這是chrome跟safari支援的寫法

firefox 支援的是

-moz-user-modify: read-write;

裡面可以填的參數有

read-only, read-write, read-write-plaintext-only

CSS3也有定義相關的參數, 只是不知道目前各瀏覽器的支援程度如何

user-modify

相關的連結如下

http://www.w3.org/TR/2000/WD-css3-userint-20000216#user-modify