Button Change style

ran_stb · April 14th, 2010, 04:28 AM

Hi,

I have a button which I'm assigning its css class on run time.
FetchDataButton1.CssClass = buttonCssStr;

.button1024
{
width: 120;
/*width: auto;*/
height: 40;
/*height: auto;*/
}

The problem is that no mater how I'm changing the width and height the button stay at the same size.

2. What the meaning of the value "auto" in width and height properties ?

Thanks,
Ran

PeterPeiGuo · April 14th, 2010, 08:36 AM

auto means that you leave it to the browser to calculate height and width for you.

Your CSS works, if you try the following HTML with different numbers, you should see the button changes its size.

Code:

<html>
<head>
<style>
.button1024
{
    width: 300;
    height: 200;
}
</style>
</head>
<body>
    <input type="button" class="button1024" value="Click me" />
</body>
</html>

View source in your browser, see whether the class is actually set for the button. Check whether there are conflict CSS applied on the same button.