---
title: "styla en dropdownlista annorlunda än default-designen"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/188517-styla-en-dropdownlista-annorlunda-än-default-designen"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Sanji"
published: "2011-12-01T16:32:41.000Z"
updated: "2011-12-02T09:03:31.000Z"
replies: 3
views: 668
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/188517-styla-en-dropdownlista-annorlunda-än-default-designen"
---

# styla en dropdownlista annorlunda än default-designen

## #1 — Sanji, 2011-12-01T16:32Z

hej! jag har en tabell med några dropdownlistor som designen styrs av tabellens cssklass. Jag försöker styla en av dessa dropdownlistor annorlunda än default-css:en för tabellen, men vad jag än gör så vägrar dropdownlistan att byta stil. 

jag har angett en ny css-klass till just den dropdownlistan jag vill ändra, men den totalignorerar denna kod.

tabellens css som styr dropdownlistorna:
.InquiryTableArticles select
{
    font-size: 11px;
    height: 17px;
    margin:1px 0;
}

sen försökte jag göra en ny cssklass:

.headerdropdown select
{
width:40px;
}

lade till denna till dropdownlistan i fråga, men listan tar fortfarande upp halva bredden av skärmen :(

hur ska man göra för att kontrollen ska få min nya bredd på 40 pixlar?

Jag programmerar i asp.net 4.0 med c# som språk, skapar dropdownlistan från code-behind.

Mvh

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

## #2 — Danne V, 2011-12-01T17:27Z

Är det en vanlig html dropdown som i koden nedan, så är det - såvitt jag vet - ingen webbläsare som stöder formatering fullt ut. Du kan kanske ändra nån färg eller få in något annat som funkar i en webbläsare men inte i andra.

```
<select>
  <option value="0" selected="selected">Välj</option>
   <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
```

Vill du formatera en dropdown helt och hållet måste du lägga in en som styrs av CSS (om det finns?) eller javascript.

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

## #3 — Icebreaker, 2011-12-01T17:33Z

Ta en titt på denna:
<http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/>

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

## #4 — Sanji, 2011-12-02T09:03Z

ja det blir ju en vanlig select i min slutliga html... btw länken funkade inte för mig :(

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/188517-styla-en-dropdownlista-annorlunda-än-default-designen