---
title: "Olika css beroende på läsare"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/68951-olika-css-beroende-på-läsare"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "NETwork"
published: "2003-02-21T10:26:17.000Z"
updated: "2003-02-21T11:41:36.000Z"
replies: 5
views: 243
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/javascript/68951-olika-css-beroende-på-läsare"
---

# Olika css beroende på läsare

## #1 — NETwork, 2003-02-21T10:26Z

En till dum fråga. :) Jag vill länka till olika css-dokument beroende på webbläsare men jag får det inte att fungera. Försöker med detta, men det funkar inte:

```
I html-dokumentet:
<script src="jscript1.js" type=text/javascript></script>

och i jscript1.js:
if (navigator.userAgent.indexOf('Mac') != -1) 
  {	
  document.write("<link rel='stylesheet' href='StyleMac.css' TYPE='text/css'>"); 
  }
else 
  { 
		document.write("<link rel='stylesheet' href='Style.css' TYPE='text/css'>"); 
}
```

Någon som vet hur man gör?

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

## #2 — Dino, 2003-02-21T10:34Z

Detta verkar funka för mig. 

```
<html>
<head>
<title>Untitled</title>
<script>
function bla(){
   if (navigator.userAgent.indexOf('Mac') != -1){	
     document.write("<link rel='stylesheet' href='StyleMac.css' TYPE='text/css'>"); 
  }
else{ 
     document.write("<link rel='stylesheet' href='Style.css' TYPE='text/css'>"); 
   }
}
</script>
</head>
<body onload="bla()">
</body>
</html>
```

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

## #3 — Palle, 2003-02-21T10:39Z

Testalera följande: :) 

```
[RED]if (navigator.userAgent.indexOf("Mac") != -1){	
	document.write("<link rel=\"stylesheet\" href=\"StyleMac.css\" TYPE=\"text/css\">"); 
	}
else 
	{ 
	document.write("<link rel=\"stylesheet\" href=\"Style.css\" TYPE=\"text/css\">"); 
}[/RED]
```

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

## #4 — NETwork, 2003-02-21T11:22Z

Nope, får det inte att fungera... document.write verkar skriva över all kod på hela sidan.

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

## #5 — Palle, 2003-02-21T11:31Z

Skumt.. Men om möjligheten finns kan du köra med ASP istället: :) 

```
[RED]<%

    If InStr(UCase(Request.Servervariables("http_user_agent")), "MAC") > 0 Then
        Response.Write "<link type=""text/css"" rel=""stylesheet"" href=""css/mac.css"" />"
    Else
        Response.Write "<link type=""text/css"" rel=""stylesheet"" href=""css/pc.css"" />"
    End If

%>[/RED]
```

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

## #6 — NETwork, 2003-02-21T11:41Z

Tackar, jo ASP funkar ju (eller hellre .net då eftersom jag använder det) men jag löste det med java ändå till slut! :)

```
function LinkCss() {
  var i, link
  for(i=0; (link = document.getElementsByTagName("link")[i]); i++) {
    if (navigator.userAgent.indexOf('Mac') != -1){
      link.href="MacStyle.css";
    }
    else {
      link.href="OtherStyle.css";
    }
  }
}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/68951-olika-css-beroende-på-läsare
