覆盖 PrimeNG 的 FileUpload 组件的样式，使其看起来像常规文件上传字段

【问题标题】：Overwrite styles for PrimeNG's FileUpload component to look like regular file upload field覆盖 PrimeNG 的 FileUpload 组件的样式，使其看起来像常规文件上传字段
【发布时间】：2016-11-29 19:59:31
【问题描述】：

我正在研究 PrimeNG 的 FileUpload 组件。我们能否以某种方式将其转换为“常规”文件输入字段（即仅“选择”按钮 + 文件信息；最好在一行中）？
我们不需要上传功能和进度条，但拖放会很棒。
我们可以在文件上传组件上仅使用 CSS 来实现吗（隐藏“上传”和“取消”按钮，将“选择”按钮与文件信息移动到同一行）？如果是，怎么做？

【问题讨论】：

标签： css angular primeng

【解决方案1】：

当然可以，这是一个primeng文件上传样式示例。

/* FileUpload */
.ui-fileupload-choose.ui-button, .ui-fileupload-choose.ui-button .ui-widget, .ui-fileupload-choose.ui-button .ui-state-default {
      background-color: #0275d8;
      border: 1px solid #0275d8;
      color: #ffffff;
}

.ui-fileupload-choose.ui-button.ui-state-hover, .ui-fileupload-choose.ui-button.ui-state-focus, .ui-fileupload-choose.ui-button.ui-state-active {
      background-color: #025aa5;
      border-color: #01549b;
}

您可以随时查找文档：

http://primefaces.org/primeng/#/fileupload

在该页面的底部有一个名为样式的部分。

【讨论】：