2016-11-22 6 views
0

PrimeNGのFileUploadコンポーネントを調べていました。 「通常の」ファイル入力フィールド(「選択」ボタン+ファイル情報のみ、好ましくは1行)として機能するように変換することはできますか?
アップロード機能とプログレスバーは必要ありませんが、ドラッグ&ドロップは素晴らしいでしょう。
ファイルアップロードコンポーネント(「アップロード」ボタンと「キャンセル」ボタンを隠し、「選択」ボタンをファイル情報と同じ行に移動)上のCSSだけを使用してもかまいませんか?はいの場合、どうですか?PrimeNGのFileUploadコンポーネントのスタイルを、通常のファイルアップロードフィールドのように上書きする

答えて

2

もちろん、これは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

そのページの一番下にスタイリングというセクションがあります。

関連する問題