select在ios和android中樣式不兼容

問題描述:

ios中select有默認樣式,在Android中可以正常顯示,但在ios中會變灰變短

解決辦法:

爲select設置樣式

select{
    -webkit-appearance: none;  
    /*清除select默認樣式*/
    background: url("img/order_img/drop-down.png")no-repeat right;
    /*注:上一步清除樣式後,select中的三角符號也會被清除,所以需要自己添加下三角,我在此出用一個下三角背景圖片填充*/
    background-size: 0.3rem;
    background-position-x: 96%;
}

此文章僅限自己的筆記而已,其中有些術語可能不太準確,只供參考,如有問題歡迎賜教!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章