styla en asp:textbox

Hej! Jag har en textbox som skapas dynamiskt i en code-behind fil, och jag försöker tilldela denna en cssklass jag skrivit, men utseendet på textboxen ändras inte. Jag har kollat källkoden när sidan är igång, och där finns class="textboxdotted" med. Alltså, det borde vara fel på css-klassen?

koden som skapar textboxen:

tbBox = new TextBox();
                        tbBox.CssClass = "textboxdotted";
                        tbBox.ID = "txtEditPrice" + price.ID;
                        tbBox.Text = Math.Round(double.Parse(price.price), 2).ToString("0.00");
                        tbBox.AutoPostBack = true;
                        
                        tbBox.TextChanged += new EventHandler(txtEditPrice_TextChanged);

css-koden:

.textboxdotted input[text]
{
    border: #D1C7AC 1px solid;
}

jag har testat att skriva koden för border på olika sätt, t.ex. enskilt för färg, stil, tjocklek osv men jag får ingen fart på det hela. Jag har även testat att köra utan "input[text]" i css:en.

Är det något speciellt man ska göra för att få en css-klass att fungera med textboxar? mina andra css-klasser jag har till t.ex. tabeller fungerar som de ska.

//Sanji

input.textboxdotted
{
    border: #D1C7AC 1px solid;
}

För den generera väl bara en vanlig input box, eller vad få du för HTML kod?

ja, det är en input med type="text" i html-koden, testar att göra som du skrev!

samma grej nu också... alltså, jag tilldelar ju cssklassen direkt till textboxen, och i html-koden så står det att klassen har angetts men textboxen ser fortfarande likadan ut, även med koden du skrev.

Sanji skrev:

ja, det är en input med type="text" i html-koden, testar att göra som du skrev!

Vad är den exakta HTML kod som genereras?

[type="text"] har inte fullt stöd i en del webbläsare, så det är inte en bra lösning (tyvärr) om du nu skiter i äldre webbläsare så är det det ett bra sätt att lösa med att titta på attribut.

fungera bra i firefox med css koden: http://jsbin.com/ageja

jag har iofs en sådan här som ligger för alla i hela applikationen:

input[type=text], input[type=password], textarea, select
{
    background-image:url(../Content/Images/textbox.png);
    background-repeat:repeat-x;
    background-color:#FFFFFF;
    border:1px solid #000000;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus
{
    background-image:none;
}

kan det vara den som overridar så att den klassen jag försöker använda blir puttad åt sidan?

här är html-koden som genererats för en textbox:

<input name="ctl00$MainContent$txtEditPrice7aeb5f21-abb0-433d-9867-774e41f25bd8" type="text" value="20,00" onchange="javascript:setTimeout('__doPostBack(\'ctl00$MainContent$txtEditPrice7aeb5f21-abb0-433d-9867-774e41f25bd8\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="ctl00_MainContent_txtEditPrice7aeb5f21-abb0-433d-9867-774e41f25bd8" class="textboxdotted" />

BTW, vad är jsbin? har aldrig sett förut, verkar ju vara skitbra :) skrev du koden själv som gjorde resultatet på länken?

input.textboxdotted[type="text"] vs input[type=text]

så borde ändå input.textboxdotted väga högre än input, så det borde inte vara där problemet ligger, kolla i firebug för att se vad som spökar hos dig.

will do, brb!

jag glömde ju att lägga på [type="text"] på klassen, fick för mig att jag gjorde det men så var det inte, nu verkar det fungera som det ska! tack så mycket!

//Mvh Sanji