Question

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

Answer 1

当然可以，这是一个primeng fileupload样式示例。

/* 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

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

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

1 个答案: