---
title: "Select + css"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/84974-select-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Jaar"
published: "2003-09-01T11:25:41.000Z"
updated: "2005-01-23T14:27:00.000Z"
replies: 13
views: 538
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/84974-select-css"
---

# Select + css

## #1 — Jaar, 2003-09-01T11:25Z

Hmmm, får inte till utseendet på mina select boxar...

```
SELECT {
	BACKGROUND-COLOR: #ffffff;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
	border-right : 1px solid #000000;
	border-top : 1px solid #000000;
}
```

Varför får jag inte en svart ruta som på en input?
Testar med border: 1px solid #000000; utan resultat också...

Går det inte o styra selectuseendet?

Testat med IE och Firebird...

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

## #2 — Jesper T, 2003-09-01T12:26Z

Nix, IE stödjer inte border på selectelement.

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

## #3 — Jesper T, 2003-09-01T12:34Z

Testa detta:

```
<div style="border: 1px solid #000000;width:10px;">
  <select style="margin:-3px;" size="10" multiple>
    <option>Lura B.Gates 
	<option>Test
	<option>Test
	<option>Test
  </select>
</div>
```

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

## #4 — Jaar, 2003-09-01T12:46Z

Mjo, det funka faktiskt... men då blev det tokigt i mozilla istället... som inte verka tycka om det...
Selectboxen (har size=1) hamnar ju lite skevt eftersom det är margin -3px

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

## #5 — PepeJeria, 2003-09-01T13:08Z

Varför använda margin:-3px; ?

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

## #6 — Jaar, 2003-09-01T13:10Z

För att det blåa ska försvinna i selectboxen i ie...

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

## #7 — PepeJeria, 2003-09-01T13:20Z

Aahhh, ok, då blir det ju mer ett css-hack för IE... Då kan jag mycket väl tänka mig att det blir tokigt i Mozilla, Safari och Opera som har bra css-stöd

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

## #8 — Jesper T, 2003-09-01T21:34Z

Du kan ju testa att lägga in lite CSS endast för IE också:

```
<!--[if IE]>

<style type="text/css">
#ieDiv {
border: 1px solid #000000;width:10px;
      } 
#idSel {
margin:-3px;
      }
</style>

<![endif]-->

<div id="ieDiv">
  <select  size="10" id="ieSel" multiple>
    <option>Lura B.Gates 
	<option>Test
	<option>Test
	<option>Test
  </select>
</div>
```

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

## #9 — MickeA.com, 2005-01-23T14:10Z

Nu väcker jag en gammal tråd här, kanske inte gör nått ;)

Hur som helst, jag använder Jesper T's exempel ovan, det funkar bra, ända tills jag ska validera sidan, som innan jag planterade in koden var godkänd.

Problemet är att \<div id="ieDiv"\> måste vara unikt, det får inte finnas flera på samma sida.
Det här finns på en webshop, vid varje vara, så det kan bli problem att lösa det här, tror jag, iom att jag inte kan ge varje rad ett unikt namn, då kommer ju inte css-snutten fungera.

Så, hur ska jag lösa det här?
Finns det kanske ett bättre sätt?

Tack!

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

## #10 — Peeer, 2005-01-23T14:14Z

```
<!--[if IE]>

<style type="text/css">
[b].ieDiv[/b] {
border: 1px solid #000000;width:10px;
      } 
[b].idSel[/b] {
margin:-3px;
      }
</style>

<![endif]-->

<div [b]class[/b]="ieDiv">
  <select  size="10" [b]class[/b]="ieSel" multiple>
    <option>Lura B.Gates 
	<option>Test
	<option>Test
	<option>Test
  </select>
</div>
```

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

## #11 — Steady, 2005-01-23T14:15Z

Gör en class av det istället.

```
<!--[if IE]>

<style type="text/css">
.ieDiv {
border: 1px solid #000000;width:10px;
      } 
.idSel {
margin:-3px;
      }
</style>

<![endif]-->

<div class="ieDiv">
  <select  size="10" class="ieSel" multiple>
    <option>Lura B.Gates 
	<option>Test
	<option>Test
	<option>Test
  </select>
</div>
```

**/red**  :bla på dig Peeer. :)

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

## #12 — icaaq, 2005-01-23T14:18Z

byt ut # mot . i css:n och id mot class i taggen

mv icaaq

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

## #13 — Peeer, 2005-01-23T14:20Z

Vad långsamma ni är ;) 
... fast det är ju bra att ni gör det nogrannt :e

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

## #14 — MickeA.com, 2005-01-23T14:27Z

Många som kommer med heta tips här.
Rätt coolt att få tre exakt likadana svar samtidigt, inkl. lite tjafs därimellan vem som var första ;)

Men eftersom Peeer var först bestämmer jag att **du** vann!

:)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/84974-select-css