CSS Question - Overriding or slimming down element styles

[louise raisbeck]

Hi, apologies if this is out of scope but I cannot find a dedicated CSS
newsgroup..but I am using .net!

I have a css definition for the element 'input'. So it puts boxes round all
my inputs in black, 2px etc etc so i dont have to give each input a class
name in my html - this way it does it automatically. However .. when i create
an <asp:ImageButton> this also gets transformed on the client as an <input
type=image> therefore it picks up this style and i get horrible boxes around
my buttons. Rather than apply class=box to every single text input (there are
many) is there any way I can slim it down to

input type=text { style def } (tried this and doesnt work)
?? either that or override the style for an image and just make the style
blank?

Thanks.

[Alan Lambert]

You can either add a style element to each imagebutton:

<asp:ImageButton id="ImageButton1" runat="server" style="border: 0px"
imageurl="myimage.gif">

or you could create a new css class and use that:

<style>
INPUT.noborder {border: 0px;}
</style>

and

<asp:ImageButton id="ImageButton1" runat="server" cssclass="noborder"
imageurl="myimage.gif">

HTH

Alan

"louise raisbeck" wrote:

Hi, apologies if this is out of scope but I cannot find a dedicated CSS
newsgroup..but I am using .net!

I have a css definition for the element 'input'. So it puts boxes round all
my inputs in black, 2px etc etc so i dont have to give each input a class
name in my html - this way it does it automatically. However .. when i create
an <asp:ImageButton> this also gets transformed on the client as an <input
type=image> therefore it picks up this style and i get horrible boxes around
my buttons. Rather than apply class=box to every single text input (there are
many) is there any way I can slim it down to

input type=text { style def } (tried this and doesnt work)
?? either that or override the style for an image and just make the style
blank?

Thanks.

[louise raisbeck]

wicked. so you extend the class with input.whatever
simple in theory!
great thank you.

"Alan Lambert" wrote:

You can either add a style element to each imagebutton:

<asp:ImageButton id="ImageButton1" runat="server" style="border: 0px"
imageurl="myimage.gif">

or you could create a new css class and use that:

<style>
INPUT.noborder {border: 0px;}
</style>

and

<asp:ImageButton id="ImageButton1" runat="server" cssclass="noborder"
imageurl="myimage.gif">

HTH

Alan

"louise raisbeck" wrote:

Hi, apologies if this is out of scope but I cannot find a dedicated CSS
newsgroup..but I am using .net!

I have a css definition for the element 'input'. So it puts boxes round all
my inputs in black, 2px etc etc so i dont have to give each input a class
name in my html - this way it does it automatically. However .. when i create
an <asp:ImageButton> this also gets transformed on the client as an <input
type=image> therefore it picks up this style and i get horrible boxes around
my buttons. Rather than apply class=box to every single text input (there are
many) is there any way I can slim it down to

input type=text { style def } (tried this and doesnt work)
?? either that or override the style for an image and just make the style
blank?

Thanks.