0

我有通常的形式，有一些输入 type="file" 元素。奇怪，但它们在 Firefox 23.0.1 中不能很好地工作。它们仅在第二次点击时起作用（有时在第一次点击时）。在所有其他浏览器中（虽然没有在 prev Firefox 中测试）一切都很好。

<div>
    <label>User files</label>
    <div>
        No user files
        <br />
        <input type="file" class="save-my-data-btn btn-min userfiles" name="userfiles[]" id="ufirstFile" />
        <div class="msgerr"></div>
    </div>
</div>
<div>
    <label>Manager files</label>
    <div>
        No manager files
        <br />
        <input type="file" class="save-my-data-btn btn-min adminfiles" name="adminfiles[]" id="afirstFile" />
        <div class="msgerr"></div>
    </div>
</div>

有人遇到过同样的问题吗？

这是CSS

    .btn-min {
    font-size: 12px;
    padding: 4px 10px 3px;
}
.save-my-data-btn {
    cursor: pointer;
    box-shadow: 0px 1px 0px 0px rgb(190, 226, 249) inset;
    background: -moz-linear-gradient(center top , rgb(208, 228, 241) 5%, rgb(161, 191, 219) 100%) repeat scroll 0% 0% rgb(161, 191, 219);
    border-radius: 1px 1px 1px 1px;
    border: 1px solid rgb(113, 136, 167);
    display: inline-block;
    color: rgb(41, 85, 126);
    font-size: 13px;
    font-weight: bold;
    padding: 6px 20px;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgb(224, 224, 224);
    margin: 0px;
}
4

1 回答 1

1

查看此答案，它将有助于自定义按钮并将其用作表单的文件输入，并且在所有浏览器上看起来几乎相同

于 2013-08-22T13:35:50.217 回答