primeng/resources/components/fileupload/fileupload.css

[](https://badge.fury.io/js/primeng) [](https://www.npmjs.com/package/primeng) [![Actions CI](https://github.com/primefaces/primeng/workflows/No

@layer primeng {
    .p-fileupload-content {
        position: relative;
    }

    .p-fileupload-row {
        display: flex;
        align-items: center;
    }

    .p-fileupload-row > div {
        flex: 1 1 auto;
        width: 25%;
    }

    .p-fileupload-row > div:last-child {
        text-align: right;
    }

    .p-fileupload-content .p-progressbar {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .p-button.p-fileupload-choose {
        position: relative;
        overflow: hidden;
    }

    .p-button.p-fileupload-choose input[type='file'] {
        display: none;
    }

    .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {
        display: none;
    }

    .p-fluid .p-fileupload .p-button {
        width: auto;
    }

    .p-fileupload-filename {
        word-break: break-all;
    }
}