Css 覆盖打底的样式';s文件上传组件看起来像常规文件上传字段

Css 覆盖打底的样式';s文件上传组件看起来像常规文件上传字段,css,angular,primeng,Css,Angular,Primeng,我在研究PrimeNG的FileUpload组件。我们能否将其转换为“常规”文件输入字段(即“选择”按钮+文件信息;最好是一行)? 我们不需要上传功能和进度条,但拖放功能非常好。 我们是否可以在文件上传组件上仅使用CSS(隐藏“上传”和“取消”按钮,将“选择”按钮与文件信息移动到同一行)?如果是,怎么做?当然可以,这是一个Priming fileupload样式示例 /* FileUpload */ .ui-fileupload-choose.ui-button, .ui-fileupload-

我在研究PrimeNG的FileUpload组件。我们能否将其转换为“常规”文件输入字段(即“选择”按钮+文件信息;最好是一行)?
我们不需要上传功能和进度条,但拖放功能非常好。

我们是否可以在文件上传组件上仅使用CSS(隐藏“上传”和“取消”按钮,将“选择”按钮与文件信息移动到同一行)?如果是,怎么做?

当然可以,这是一个Priming 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;
}
您可以随时查找文档:


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

当然可以,这是一个Priming 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;
}
您可以随时查找文档:

在那页的底部有一个叫做样式的部分