設定輸入類型=「檔案」
嘗試自訂「檔案」類型的HTML 輸入元素時，您可能會遇到困難，因為瀏覽器限制。與其他表單控制項不同，input type="file" 的樣式功能有限。要克服此限制，請考慮利用以下技術。
CSS 方法
此方法涉及利用 CSS 隱藏原始檔案輸入並建立自訂「假」按鈕觸發檔案選擇對話方塊。
<code class="css">/* Hide the actual file input */
input.file {
display: none;
}
/* Create a custom "fake" button */
.fakefile {
position: absolute;
top: 0;
left: 0;
width: 148px;
cursor: pointer;
}
/* Style the custom button */
.fakefile input[type=button] {
width: 100%;
height: 100%;
}</code><code class="html"><!-- HTML Code -->
<div class="fileinputs">
<input type="file" class="file" />
<div class="fakefile">
<input type="button" value="Select file" />
</div>
</div></code>點擊自訂按鈕後，將開啟檔案選擇對話框，允許使用者選擇檔案。選定的檔案路徑將被指派給隱藏檔案輸入，而自訂按鈕作為檔案選擇器介面仍然可見。
以上是如何設定 HTML 文件輸入元素的樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
