默認input=file樣式美化的bug及解決

作項目的時候,須要美化上傳控件。以前的作法一直是把默認的input設置爲透明,而後在input上面放美化的圖片。可是昨天發現一個小bug,在上傳按鈕很小的時候,input標籤沒法調整大小,致使美化的按鈕部分區域會沒有效果。
angularjs

後找到解決方法,直接把input用display:none隱藏掉,而後經過點擊美化的按鈕觸發input的點擊事件。特別注意的是,須要再定義的函數裏 return這個點擊事件,不然不起做用。函數

例:code

  $scope.imgupload = function () {
    return $("#fileupload_input").click();
  }

(用的angularjs點擊方法。)事件

相關文章
相關標籤/搜索