Design von Durchsuchen-Button ändern

Hallo,

ich habe in meiner HTML Seite folgendes Formular:

Code

<form method="post" action="http://83.137.103.78/konzis/members/upload.php" enctype="multipart/form-data">
	<table width="100%">
		<tr align="right">
			<td>
				<input type="file" name="file_name" size="25">
			</td>
			<td width="70">
				<button name="submit" type="submit" >Upload</button>
			</td>
			</tr>
	</table>
</form>

Alles anzeigen

Dazu gehören folgende CSS-Schnipsel:

Code

input {
  background-color: #f2f2f2;
  border: 1px solid #808080;
  color: #000000;
  font-size: 11px;
  font-family: Arial;
}


button {
  background-color: #f2f2f2;
  border: 1px solid #808080;
  color: #000000;
  font-size: 11px;
  font-family: Arial;
}

Alles anzeigen

Der zweite Button wird wie gewünscht dargestellt, der Durchsuchen-Button leider nicht. Siehe Screenshot:
http://img139.imageshack.us/img139/8373/buttonmy8.jpg

Gibt es eine Möglichkeit, den Durchsuchen-Button genau wie den zweiten Button darzustellen?

yeti66

Gast,

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
input.button {
  background-color: #f2f2f2;
  border: 1px solid #808080;
  color: #000000;
  font-size: 11px;
  font-family: Arial;
}
-->
</style>
</head>
<body>
<form method="post" action="http://83.137.103.78/konzis/members/upload.php" enctype="multipart/form-data">
   <table width="100%">
      <tr align="right">
         <td>
            <input class="button" type="file" name="file_name" size="25">
         </td>
         <td width="70">
            <input class="button" name="submit" type="submit"  value="Upload">
         </td>
         </tr>
   </table>
</form> 
</body>
</html>

Alles anzeigen

Gruß yet66

phore

der fileupload button lässt sich nur für den internet explorer anpassen.

So ist es ja einfach nur ein anderer Button der jegliche Funktion verliert. Man soll mit dem Button ja weiterhin einen Datei auswählen Dialog bekommen. Deshalb ja auch <input type="file"> !!!

yeti66

Ja sorry hatte mich verstiegen und nachgebessert.
Im IE, wie phore schreibt, io in Opera so lala und im FF nix zu löten.

Gruß yeti66

Naja, dann müssen die anderen Button wohl doch eher dem Durchsuchen-Button angepasst werden. Soll ja schließlich überall gleich aussehen. Aber danke trotzdem.

phore

naja ich würde einfach alle submit's so formatieren wie du willst und dann stimmt halt der durchsuchen button bei firefox/opera user nicht... was solls. lieber ein button der nicht gut aussieht als alle (ausserdem benutzen ca. 70-90% der surfer immer noch den IE).

also ich habs bei meinen seiten so.

Tags