styla en dropdownlista annorlunda än default-designen

3 svar · 658 visningar · startad av Sanji 1 dec. 2011

SanjiMedlem sedan juli 2009355 inlägg

Frågan1 dec. 2011 16:32#1

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

Danne VMedlem sedan aug. 20068 090 inlägg

1 dec. 2011 17:27#2

Ä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.

IcebreakerMedlem sedan juni 2000516 inlägg

1 dec. 2011 17:33#3

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

SanjiMedlem sedan juli 2009355 inlägg

2 dec. 2011 09:03#4

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