Duplicating Redifinition of HTML tag 1

[danielh68]

Hi

I have a problem concerning defining HTML tags in a CSS sheet. Specifically, I redefined the INPUT tag to be a certain pixel width and a certain background color. You can see the form I'm working on at

http://www.solmark.com/apc/pages/warranty.htm

As you may tell, the input boxes are fine until you scroll down to the radial button. Now, I want the radial button to have a different width dimension and a white background color; however, these two objects share the same tag attributes. My question is this: can I duplicate the INPUT tag, name it something else and apply it just to the radial button? I know DW allows the user to duplicate the tag, so there must be something to it. Any advice is appreciated.

Thanks,
DanH

 

[bluranj]

Use this code

in the head section -->

<style type=&quot;text/css&quot;>
<!--
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; background-color: #999999; height: 15px; width: 100px; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.radbut { background-color: #0066FF; height: 20px; width: 20px; border: 1px #333333 solid}
-->
</style>

in your form -->

<form name=&quot;form1&quot; method=&quot;post&quot; action=&quot;&quot;>
<p>
<input type=&quot;text&quot; name=&quot;textfield&quot;>
<input type=&quot;radio&quot; name=&quot;radiobutton&quot; value=&quot;radiobutton&quot; class=&quot;radbut&quot;>
</p>
<p>&nbsp; </p>
</form>

Ranjan
:: I earn because I learn ::

 

[danielh68]

Thanks for the code BlurAnj, I really appreciate it. -- DanH