---
title: "style i file"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/70467-style-i-file"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Nexus86"
published: "2003-03-08T16:06:55.000Z"
updated: "2006-03-02T15:42:43.000Z"
replies: 8
views: 609
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/70467-style-i-file"
---

# style i file

## #1 — Nexus86, 2003-03-08T16:06Z

Går det att ändra stylen på knappen i en input type=file också? Alltså med annan bakgrund än vad textrutan har?

Permalänk: https://www.webforum.nu/p/70467

## #2 — Sebbe, 2003-03-08T16:20Z

```
.file {
background-color: #0000FF;
}
<input type="file" name="fil" class="file">
```

? Annars funkar det nog inte...

Permalänk: https://www.webforum.nu/p/973566

## #3 — Nexus86, 2003-03-08T16:58Z

Har gjort det men då blir det bara en annan bakgrund på textrutan. Jag vill ha en på knappen också.

Permalänk: https://www.webforum.nu/p/973586

## #4 — Sebbe, 2003-03-08T17:03Z

Har ingen aning om det finns nåt attribut som "button-color" faktiskt...

Permalänk: https://www.webforum.nu/p/973591

## #5 — icaaq, 2003-03-08T17:36Z

DEt går inte......Testa att sök på css och input så får du säkert 100 trådar som tar upp ämnet

mvh icaaq

Permalänk: https://www.webforum.nu/p/973610

## #6 — NETwork, 2003-04-11T12:20Z

Jooodå, det går att fuska lite (åtminstone i IE). Du får ta hjälp av ett enkelt javascript, exempelvis kan du få en bild att öppna filfunktionen så här: 

```
<input id="myUpload" type="file" style="position:absolute;visibility:hidden;" onchange="document.getElementById('dummyfile').value=this.value"> 
<input id="dummyfile" type="text"> 
<input type="image" src="bild.jpg" onclick="document.getElementById('myUpload').click();return false;">
```

Permalänk: https://www.webforum.nu/p/1008409

## #7 — Type, 2005-07-03T13:49Z

> **NETwork skrev:**
>
> Jooodå, det går att fuska lite (åtminstone i IE). Du får ta hjälp av ett enkelt javascript, exempelvis kan du få en bild att öppna filfunktionen så här: 
>
>
> ```
> <input id="myUpload" type="file" style="position:absolute;visibility:hidden;" onchange="document.getElementById('dummyfile').value=this.value"> 
> <input id="dummyfile" type="text"> 
> <input type="image" src="bild.jpg" onclick="document.getElementById('myUpload').click();return false;">
> ```

Det är ingen som har fått igång denna kod i FF?

Permalänk: https://www.webforum.nu/p/1639338

## #8 — zcorpan, 2005-07-03T14:36Z

[Styling form controls](http://www.456bereastreet.com/archive/200409/styling_form_controls/)

\[ot\] icaaq: Vad är det för stil att skicka inlägg i utf-8? ;) \[/ot\]

Permalänk: https://www.webforum.nu/p/1639346

## #9 — learn, 2006-03-02T15:42Z

> **NETwork skrev:**
>
> Jooodå, det går att fuska lite (åtminstone i IE). Du får ta hjälp av ett enkelt javascript, exempelvis kan du få en bild att öppna filfunktionen så här: 
>
>
> ```
> <input id="myUpload" type="file" style="position:absolute;visibility:hidden;" onchange="document.getElementById('dummyfile').value=this.value"> 
> <input id="dummyfile" type="text"> 
> <input type="image" src="bild.jpg" onclick="document.getElementById('myUpload').click();return false;">
> ```

Finns det någon liknande lösning som också fungerar i FF och Opera. Jag vill nämligen kunna välja bredden på min file-input.

Permalänk: https://www.webforum.nu/p/1776257

---

Tråden på webben: https://www.webforum.nu/amne/html-css/70467-style-i-file