What's this css for?

Question

Can anyone tell me what the following code is for:

select
{width:100% !important;}

Generally I remove it as it messes up the joomla input fields. Doesn't seem to cause any problem doing so. Am I missing a setting when designing templates :?:

Answer 1

The css code is for selector. So that the width of selector will not increase with the content in option. Its width will be confined to its above div.

It will not effect the input fields.

Answer 2

What it does affect are the fields when creating articles for front end users or Jevents add event fields. All the input fields from category on down in the jpeg stretch the full width of the screen, naturally as it's set at 100%. I can set it at what I want in Joomlas backend template manager although I usually delete it with no odd effects.
What determines the width value in the TT template design window?



article.jpg

Answer 3

The width 100% given to select is static. However if you don't want to use it, you can remove it or you can use the following css :

select
{
max-width:250px;
width:100% !important;
}