php - 自定义 CSS/HTML 浏览图像形式

Question

<分区>

Answer 1

有多种方式，我比较喜欢的方式是这样的:

<div class="browse">
    <div class="placeholder">Upload</div>
    <input type="file" name="image" id="image" class="input_text"/>
</div>

使用这个 CSS 代码:

.browse {
    position: relative;
    width: 100px;
    height: 20px;
}

.browse input, browse div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.browse input {
    opacity: 0;
    filter: alpha(opacity=0);
}

这样会显示上传文本，但您实际上会点击浏览按钮。