---
title: "CSS Stykle för inputknappar."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/73631-css-stykle-för-inputknappar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "MickeA.com"
published: "2003-04-09T15:03:47.000Z"
updated: "2003-04-09T15:22:13.000Z"
replies: 3
views: 195
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/73631-css-stykle-för-inputknappar"
---

# CSS Stykle för inputknappar.

## #1 — MickeA.com, 2003-04-09T15:03Z

Hej

Har följande snutt:

```
<STYLE>
BODY
	{
	scrollbar-face-color: #3F6FDD; 
	scrollbar-shadow-color: #000000;; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #777777; 
	scrollbar-darkshadow-color: #333333; 
	scrollbar-track-color: #8DAFF7;
	scrollbar-arrow-color: #FFFFFF
	}
FORM
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, Serif;
    BACKGROUND-COLOR: transparent
}
INPUT
{
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
    FONT-FAMILY: Verdana, Arial, Serif;
    BACKGROUND-COLOR: #6C97EE
}
TEXTAREA
{
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
    FONT-FAMILY: Verdana, Arial, Serif;
    BACKGROUND-COLOR: #6C97EE
}
SELECT
{
    BORDER-RIGHT: #7f9db9 1px solid;
    BORDER-TOP: #7f9db9 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #7f9db9 1px solid;
    BORDER-BOTTOM: #7f9db9 1px solid;
    FONT-FAMILY: Verdana, Arial, Serif;
    BACKGROUND-COLOR: transparent
}
</STYLE>
```

Nu vill jag har dessa inställnignar på textFÄLTEN, men inte på skicka & rensa knapparna.

Går det att ge dessa specifika utseendeinställnignar?!

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

## #2 — Peter S, 2003-04-09T15:14Z

Det enklaste är att skapa en klass som du sedan applicerar på önskade "input"-fält:

```
INPUT.foo {
     /* CSS-deklarationer */
}

...

<input type="text" [b]class="foo"[/b]...
```

Sedan har vi ju också CSS2:

```
input[type=text] {
     /* CSS-deklarationer */
}
```

 :)

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

## #3 — MickeA.com, 2003-04-09T15:19Z

ok, om jag nu ska änvända ex. 2 så ska det alltså stå \<input type"button" class = "foo" OSV?!

Tack så mkt

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

## #4 — MickeA.com, 2003-04-09T15:22Z

Funkade utmärkt, tack

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/73631-css-stykle-för-inputknappar