如何刪除文件上傳按鈕旁邊出現的「沒有文件選擇」的點擊事件

Question

我有一個文件上傳按鈕，默認情況下文本顯示爲「沒有文件選擇」，並點擊該文本打開瀏覽器上傳與按鈕本身功能相同的文件。我正在尋找從文本中刪除此點擊功能。

此外，這是一個正常的行爲發生？

感謝

Answer 1

這是非常依賴於瀏覽器，但什麼你所描述的是一個文件上傳組件。它是由瀏覽器爲您的<input>標記創建的。這完全是標準和正常的。就像<input type="text" />將渲染一個文本框，<input type="file" />呈現按鈕+文本。

使用CSS，您可以完全隱藏文本，通過設置其width來切斷文本。

你也可以用另一個元素覆蓋它。兩者

例子：

#hide-text { 
 
    width: 6.5em; 
 
} 
 
#cover-text + div { 
 
    /*border: 1px solid green;*/ 
 
    right: -5.5em; 
 
    top: -1.2em; 
 
    height: 1em; 
 
    width: 6.7em; 
 
    position: relative; 
 
}

Hide 
 
<br /> 
 
<input id="hide-text" type=file /> 
 
<br/>Cover 
 
<br /> 
 
<input id="cover-text" type=file /> 
 
<div> 
 
</div> 
 
</div>

（取消對邊境，看看有什麼div究竟是幹什麼）