Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts

    over-riding default css for input box

    I currently have all inputs on my html page with a css default of a box width of 243 px. http://www.machineartinc.org/service.php

    The last two check boxes I do not want at that default width. How can I over-ride the default css for just those two check box inputs? What sort of in-line Css should I add or would adding a new div tag over-ride the default width? I have been using trial and error to no avail. need help with the code.

  • #2
    Regular Coder
    Join Date
    Jan 2009
    Posts
    316
    Thanks
    7
    Thanked 92 Times in 91 Posts
    You could apply a class to them:
    Code:
    <input class="newsletter" name="Newsletter" id="Newsletter" checked="checked" type="checkbox"  >Yes, I would like to receive future information from Furniture Medic by email.<br>
    <input class="newsletter" name="Special_Offers" id="Special_Offers" checked="checked" type="checkbox"  >Yes, send me special offers and coupons by email.<br>
    And then in the CSS for example:
    Code:
    .newsletter {width:20px;}

  • Users who have thanked Fisher for this post:

    machineartgirl (05-05-2009)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •