CSS question

Posted on 2011-10-11
Last Modified: 2012-05-12
I have this style:

#form-container form input{width:310px;height:50px;style:none;box-shadow:none;}

I only want the text inputs styled like this, however. is there something I can add to this code that will ONLY style the text input boxes this way?
Question by:lvollmer
    LVL 10

    Expert Comment

    by:Tyler Laczko
    Add a class tag to your text boxs do the style on the class.

    Author Comment

    i can't add a class because it's auto generated by a CMS, each input box is wrapped in this div however > <div class="txt input"> form stuff... </div>

    can I utilize that in some way?
    LVL 30

    Accepted Solution

    Just add this to your CSS declaration:

    #form-container form input[type="text"]{width:310px;height:50px;style:none;box-shadow:none;}

    Open in new window


    Author Closing Comment

    jackpot thanks

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Better Security Awareness With Threat Intelligence

    See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

    Suggested Solutions

    So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
    SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
    In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
    The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

    761 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    12 Experts available now in Live!

    Get 1:1 Help Now