Customize Input Browse Button Style
To customize style of the following HTML “Browse” button
<input type="file" class="red">
you can set css style like the following:
<html>
<head>
<title>Customize Browse Input Button</title>
<style type="text/css">
input.red{
background-color:#F0F0F0;
font-weight:bold;
color:#ffffff;
height:20px;
font-size:10px;
border:1px solid red;
}
</style>
</head>
<body>
<input type="file" class="red">
</body>
</html>
View online: customize_browse_input_button.html (334,00 bytes)
Tested on Internet Explorer.
Per modificare lo stile del pulsante “Sfoglia” definito come
<input type="file" class="red">
è sufficiente impostare lo stile come indicato è definirlo in un file CSS oppure all’interno della pagina stessa come mostrato di seguito:
<html>
<head>
<title>Customize Browse Input Button</title>
<style type="text/css">
input.red{
background-color:#F0F0F0;
font-weight:bold;
color:#ffffff;
height:20px;
font-size:10px;
border:1px solid red;
}
</style>
</head>
<body>
<input type="file" class="red">
</body>
</html>
Guarda online: customize_browse_input_button.html (334,00 bytes)
Valido per Internet Explorer.
Lascia un commento