diff --git a/prova/upload_prova.php b/prova/upload_prova.php index 6c7d25d..3b37bee 100644 --- a/prova/upload_prova.php +++ b/prova/upload_prova.php @@ -33,12 +33,43 @@ margin-bottom: 10px; color: #555; } - input[type="file"] { - margin-bottom: 20px; + .custom-file-input { + position: relative; + display: inline-block; width: 100%; - padding: 10px; - border: 1px solid #ccc; + height: 40px; + margin-bottom: 20px; + } + .custom-file-input input[type="file"] { + position: absolute; + width: 100%; + height: 100%; + opacity: 0; + cursor: pointer; + } + .custom-file-input::before { + content: 'Escolher arquivos'; + display: inline-block; + background: #007bff; + color: white; + border: none; + padding: 10px 20px; border-radius: 5px; + cursor: pointer; + text-align: center; + width: 100%; + height: 100%; + line-height: 20px; + } + .custom-file-input input[type="file"]:focus + ::before { + outline: 1px dotted #000; + outline: -webkit-focus-ring-color auto 5px; + } + .custom-file-input input[type="file"]::after { + content: 'Nenhum arquivo escolhido'; + display: block; + margin-top: 10px; + color: #555; } button { background-color: #007bff; @@ -48,6 +79,7 @@ border-radius: 5px; cursor: pointer; font-size: 16px; + margin-top: 10px; } button:hover { background-color: #0056b3; @@ -69,7 +101,7 @@ padding: 12px; font-size: 14px; } - input[type="file"] { + .custom-file-input::before { padding: 12px; font-size: 14px; } @@ -144,7 +176,9 @@

Upload de Arquivos



-

+
+ +