---
title: "Ändra knappens utseende"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/111787-ändra-knappens-utseende"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "ejick"
published: "2004-09-16T23:06:51.000Z"
updated: "2004-09-17T13:39:34.000Z"
replies: 5
views: 349
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/111787-ändra-knappens-utseende"
---

# Ändra knappens utseende

## #1 — ejick, 2004-09-16T23:06Z

Hej,

jag undrar om det går att göra och i så fall hur man ändrar knappdesignen för

```
<input type="file">
```

Någon som har ett tips?
Tacksam för svar :OO

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

## #2 — SugarDaddy, 2004-09-16T23:48Z

min vän - du har inte sökt tillräckligt...  :p

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

## #3 — walter groupius, 2004-09-17T02:45Z

input  {
	color: #fff;
	font-size: 10px;
	background-color: #fff;
	margin-top: 3px;
	padding: 3px;
	width: 150px;
	border: solid 1px #ccc }

exempelvis, (från min sida)

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

## #4 — ejick, 2004-09-17T07:19Z

Jo visst,

kanske förklarade mig lite otydligt.. Hur som helst så vill jag att själva fältet, där sökvägen skrivs in, skall ha följande utseende:

```
.inputText {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 8pt;
	width: 190px;
	color: #006600;
}
```

 Och att knappen skall se ut på följande sätt:

```
.inputButton {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FF9900;
	background-color: #FFFFFF;
	height: 20px;
	width: 60px;
	margin: 5px 0 0 136px;
	border: 0px;
}
```

Är det i så fall möjligt att göra? Det var vad jag menade, eftersom exemplet ovan ändrar, så som jag också har lyckats göra, både textfältet och knappen.

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

## #5 — dectgap, 2004-09-17T07:39Z

En artikel i ämnet:

<http://www.quirksmode.org/dom/inputfile.html>

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

## #6 — ejick, 2004-09-17T13:39Z

Tackar, det var ganska så matnyttig information. I exemplet var det en bild som var knapp...

Någon som har koll på hur man kan göra om man vill använda en input button?

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/111787-ändra-knappens-utseende