---
title: "Markera focus"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/118076-markera-focus"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Web-Tor"
published: "2004-12-15T08:48:53.000Z"
updated: "2004-12-15T12:53:43.000Z"
replies: 8
views: 470
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/118076-markera-focus"
---

# Markera focus

## #1 — Web-Tor, 2004-12-15T08:48Z

Jag vill att användaren tydligt ska se vilket element som är aktivt (t.ex. genom att lägga på dubbel border). Jag använder **onblur**/**onfocus** och byter CSS-class på elementet. Finns det någon annat (smartare?) sätt att göra detta i Explorer?

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

## #2 — icaaq, 2004-12-15T09:19Z

Tjenare Tor.
Då Internet Explorer bara tar [pseudo-classes](http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes) på a-element så tror jag det blir svårt att åstadkomma med annat än javascript. 

Om dina användare hade använt någon webbläsare som stöder css 2.1 så skulle du kunna göra så här.
<http://member.webforum.nu/1029/tor.htm>

mv icaaq

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

## #3 — PepeJeria, 2004-12-15T11:00Z

Precis, för IE får du köra med en JS lösning:

```
<style type="text/css">
.focused
{
	background:orange;
}

.blurred
{
	background:white;
}
</style>
<input type="text" onfocus="this.className='focused';" onblur="this.className='blurred';">
```

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

## #4 — Web-Tor, 2004-12-15T12:02Z

> **icaaq skrev:**
>
> Om dina användare hade använt någon webbläsare som stöder css 2.1 så skulle du kunna göra så här.

Tyvärr så är Explorer 5.5+ kravet för den webbapplikation som vi bygger.

> **PepeJeria skrev:**
>
> Precis, för IE får du köra med en JS lösning:

Jo, det är ju ungefär så jag gör idag. Hade hoppats att det fanns någon fin Explorer-specifik lösning.

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

## #5 — Erik Juhlin, 2004-12-15T12:15Z

Om du tycker det är jobbigt att lägga in JavaScriptet på varje element så skulle du ju kunna ha en grej som loopar igenom alla element och lägger till det. :)

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

## #6 — dectgap, 2004-12-15T12:17Z

Du kan ju fortsätta på PepeJerias lösning och göra den lite mer generell:

<http://member.webforum.nu/4192/focus.html>

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

## #7 — nitro2k01, 2004-12-15T12:24Z

Eller kanske ännu snyggare, använd ett behavior!

```
 [b]markfocus.htc[/b]
<public:component>
<public:attach event="onfocus" onevent="setFocus()" />
<public:attach event="onblur" onevent="setBlur()" />
<script>

function setFocus(){
	element.style.background = "green";
}

function setBlur(){
	element.style.background = "white";
}
</script>
</public:component>

[b]I css:[/b]
input	{behavior:url("markfocus.htc")}
```

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

## #8 — icaaq, 2004-12-15T12:47Z

coolt nitro2k01 :)

mv icaaq

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

## #9 — Web-Tor, 2004-12-15T12:53Z

htc är verkligen smidigt att jobba med. :)
Vi använde det ganska flitigt i början av projektet. Problemet är att det är så satans segt! Av användarskäl har vi tyvärr tvingats "översätta" alla htc-lösningar till Javascript. :l

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/118076-markera-focus