CSS Defining Styles for input elements inside a div

Question

I have a div called  divContainer  inside which i have few input elements like textboxes radio buttons et   How can i define the style for then in the CSS   I wanna mention styles for elements inside this purticular div not for the entire form    Ex  For textboxes i need width as 150px      For Radio buttons i need width of 20px

User · Answer

When you say  called  I m going to assume you mean an ID tag   To make it cross-brower  I wouldn t suggest using the CSS3     although it is an option  This being said  give each of your textboxes a class like  tb  and the radio button  rb    Then    divContainer  tb   width  150px    divContainer  rb   width  20px     This assumes you are using the same classes elsewhere  if not  this will suffice    tb   width  150px    rb   width  20px     As  David mentioned  to access anything within the division itself    divContainer  element            Where  element  is whatever HTML element you need

User · Answer

CSS 3   divContainer input type  text         width 150px      CSS2  add a class  text  to the text inputs then in your css   divContainer text      width 150px

User · Answer

Like this    divContainer input type  text       width 150px     divContainer input type  radio       width 20px

User · Answer

You can define style rules which only apply to specific elements inside your div with id divContainer like this    divContainer input          divContainer input type  radio            divContainer input type  text              etc

[css] CSS:Defining Styles for input elements inside a div

Examples related to css