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

判斷瀏覽器動態載入資料

<!--[if IE]>內容<![endif]-->

內容只有 IE 會顯現。

<!--[if IE 7]>內容<![endif]-->

內容只有 IE7 會顯現。

<!--[if lt IE7]>內容<![endif]-->

內容只有比 IE7 更舊會顯現。

<!--[if !IE]>-->內容<!--<![endif]-->

內容除了 IE 以外的瀏覽器會顯現。

參考連結 http://boohover.pixnet.net/blog/post/12309095