現(xiàn)象
表單不可編輯狀態(tài)-ios的input的屬性設(shè)置為disabled茄袖，會(huì)造成字體顏色變灰
需求
移動(dòng)端，瀏覽個(gè)人信息頁時(shí)嘁锯，表單內(nèi)的信息希望是不可編輯不可點(diǎn)狀態(tài)(readonly屬性會(huì)另外出現(xiàn)光標(biāo))
當(dāng)點(diǎn)擊編輯按鈕進(jìn)入可編輯狀態(tài)后，姓名和崗位變?yōu)榭删庉嫚顟B(tài)聂薪，手機(jī)仍舊是不可編輯不可點(diǎn)狀態(tài)
問題描述
對不可編輯不可點(diǎn)的設(shè)置家乘，input定義disabled屬性
在ios上會(huì)出現(xiàn)截圖所示，設(shè)置的value的值幾乎看不見
解決辦法
1.解決的辦法是不用disabled藏澳，用readonly屬性（readonly屬性會(huì)額外出現(xiàn)光標(biāo)仁锯，另行處理）
2.解決辦法，設(shè)置字體顏色翔悠，并對透明度設(shè)置為1??
? #判斷使用disabled屬性時(shí)业崖，優(yōu)先選擇
①設(shè)置顏色：
color改變disabled下的字體顏色，text-fill-color用來做填充色使用蓄愁，如果有設(shè)置這個(gè)值双炕，則color屬性將不生效。? 解決ios的value值顏色（詳情見修改顏色需要同時(shí)利用兩個(gè)屬性）
input:disabled, input[disabled]{ color:#8d9399;-webkit-text-fill-color:#8d9399;}
https://www.w3cways.com/1418.html
②設(shè)置透明度：
ios默認(rèn)了disabled屬性時(shí)透明度為0.3
input:disabled, input[disabled]{ -webkit-opacity:1; opacity: 1; }
http://blog.csdn.net/qq_33008701/article/details/55259734
https://segmentfault.com/q/1010000003782696
同時(shí)對比disabled 和readonly屬性：
disabled 屬性規(guī)定禁用 input 元素。被禁用的 input 元素既不可用，也不可點(diǎn)擊站超。
readonly屬性readonly 屬性為只讀荸恕，但沒有禁用，通過表單提交死相。
擁有disabled屬性的表單元素處理頁面是獲取不到其值的融求，而readonly則可以
Readonly作用范圍：只針對input(text / password)和textarea有效
disabled作用范圍：對于所有的表單元素都有效，包括select, radio, checkbox, button
具體區(qū)別：http://blog.csdn.net/u011487470/article/details/51371567
