Targetting 'input' elements

[budfox]

Hi all.

www.in-the-spirit-shop.co.uk/shop is my site.

I wonder if anyone can help me with targetting specific elements with css?
I'm struggle with the concept.

For example, my create account page is style with input fields have a nice border. Now as has been mentioned on here, once I set the .input css to have a border, it gives all inputs a border, when I only want occasional ones.

If you look at 'add to basket' and the quantity box on this page:

http://www.in-the-spirit-shop.co.uk/...&products_id=3

You'll see borders.

I'm sure they can be targetted by css to not have borders, but i can't work out how. It's also been discussed here about making the basic .input css have no border, and then modifying the places where you want it.

That's ugly and cumbersome, so is there a way to say "I don't want a border on this element"?

Cheers all.

p.s - Hope you like the site.

[jettrue]

Hi all.

www.in-the-spirit-shop.co.uk/shop is my site.

I wonder if anyone can help me with targetting specific elements with css?
I'm struggle with the concept.

For example, my create account page is style with input fields have a nice border. Now as has been mentioned on here, once I set the .input css to have a border, it gives all inputs a border, when I only want occasional ones.

If you look at 'add to basket' and the quantity box on this page:

http://www.in-the-spirit-shop.co.uk/...&products_id=3

You'll see borders.

I'm sure they can be targetted by css to not have borders, but i can't work out how. It's also been discussed here about making the basic .input css have no border, and then modifying the places where you want it.

That's ugly and cumbersome, so is there a way to say "I don't want a border on this element"?

Cheers all.

p.s - Hope you like the site.

#cartAdd input {border:none;}

I think the qty. box should have borders, as it normally does, so if you want them on, you could use this instead to target the add to cart only:

#cartAdd input[type=image]{border:none;}

[budfox]

Brilliant thanks.

I'd actually got the right idea then, but knew nothing of the [type=image] syntax.

[Kim]

http://www.w3schools.com/css/default.asp