السلام عليكم
بالنسبة لطريقة تغيير استايل زر ايداع الملف فهي في وضع زر ايداع الملف فوق زر تكس وزر ضغط عادي
وتضع شفافية زر ايداع الملف صفر بحيث يصبح لايرى الزر الحقيقي
وهذا كود يوضح العملية
كود PHP:
<html>
<head>
<title></title>
<style>
.upload{
display: inline-block;
height: 29px;
margin: 3px;
padding: 0 8px;
background: #fff;
border: 1px solid #d9d9d9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #363636;
}
#realupload{
position: absolute;
left:10px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity:0);
z-index:2;
}
</style>
</head>
<body>
<form action="test.php" method="post" enctype="multipart/form-data">
<input class="upload" type="text" id="textupload" />
<input class="upload" type="button" value="Browse" />
<input type="file" name="fileupload" id="realupload" class="upload" onchange="this.form.textupload.value = this.value;" size="23" dir="ltr" />
<br />
<input type="submit" value="upload" class="upload" />
</form>
</body>
</html>
الكود هذا غير دقيق مع اختلاف المتصفحات
ولاكن توجد طريقة اخرى بواسطة جافا سكربت بحيث تجعل زر ايداع الملف مخفي ويكون تحت الماوس بالضبط وايضاً تكون شفافية زر ايداع الملف تساوي صفر وهذه الطريقة ادق من الكود السابق
تحياتي لك اتمنى اكون افدتك ولو بالقليل