Shopping Cart CSS Issue

[DaveT]

Hello all

I want to apply a different style to buttons in the shopping cart depending on whether they are disabled or not.
So far it sort of works but in IE6 it produces the following effect as attached in the GIF sc_style.gif. The disabled text has a grey on white blurry effect which doesn't show up in Netscape, for example.

The CSS is as follows:

active buttons:
CSS: input.atc { font-size:10px; background:#333366; color:#FFFFFF; border:1 #FFFFFF solid}
<input>: <input type="submit" name="ACTION" value="Retrieve" class="atc" />

disabled buttons:
CSS: input.btndisable { font-size:10px; background:#7B93BA; border:1 #FFFFFF solid; color:#FFFFFF}
<input>: <input type="submit" name="ACTION" value="Update" class="btndisable" disabled="disabled" />

I have tried it with disabled="disabled" as just 'disabled' but no change.

Any suggestions?

Thank you!

[cdicken]

Hi there. I'm just checking you are aware that each button in Act_ShoppingCart.html has an enabled and disabled state already in the template. e.g.

<Actinic:REMOVE TAG="UpdateButton">
	<!-- <INPUT TYPE="SUBMIT" NAME="ACTION" VALUE="NETQUOTEVAR:UPDATEBUTTON"> -->
	<INPUT TYPE="IMAGE" NAME="ACTION_UPDATE" SRC="update.gif" ALT="NETQUOTEVAR:UPDATEBUTTON">
</Actinic:REMOVE>
<Actinic:REMOVE TAG="UpdateButtonDisabled">
	<!-- <INPUT TYPE="SUBMIT" NAME="ACTION" VALUE="NETQUOTEVAR:UPDATEBUTTON" DISABLED> -->
	<INPUT TYPE="IMAGE" NAME="ACTION_UPDATE" SRC="update.gif" ALT="NETQUOTEVAR:UPDATEBUTTON" DISABLED>
</Actinic:REMOVE>

The code is included/hidden by the Actinic:REMOVE XML tags. Looking at this code, it looks like just including the word 'Disabled' seems to disable the button, but I don't know what effect this would have on the CSS you have selected.

[DaveT]

Thanks Chris.

In the cart, the active button line has one class and the disabled has another class.

This produces the light blue effect when disabled and dark blue when active.

Just not sure why the disabled button comes out fuzzy.