Question

I’m currently in the process of styling a website and have hit a bit of a rut.

I’m trying to target and style this:

<asp:Button ID="cmdUpdate" runat="server" Text="Update Details" CssClass="update_btn" />

Using this CSS:

div#account .update_btn {
width:108px;
height:27px;
background:url("/furniture/images/buttons/update.jpg") no-repeat 0 0;
clear:both;
float:left;
}

However when I inspect the button in firebug it doesn’t appear.
It’s currently being styled by the code below but the one above doesn’t even appear.

div#account input {
border: 1px solid #ccc;
width:150px;
padding:5px 0 5px 10px;
margin: 0 0 10px 0;
float:right;
}

I don’t know ASP so I can’t make alterations and I can’t use input.button[type=”submit”] as it isn’t supported by IE7.

Any help or guidance would be much appreciated.

Answer 1

try this

div#account input.update_btn {
width:108px;
height:27px;
background:url("/furniture/images/buttons/update.jpg") no-repeat 0 0;
clear:both;
float:left;
}