apply height to <select> tag of html

how to build custom control that similar to<select> control using some components like <div> or <span> combine with client script such as javascript, to control height easily. otherwise the height attribute is not getting applied through the style. (i want to give the height to select attribute of html)
arunprasherAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

selvolCommented:
Adjust the  select font size..
That will adjust the height  respectivly.

Selvol
0
arunprasherAuthor Commented:
i don't want to increase the font size i want to increase the height of <select> tab
0
Tony O'ByrneSenior Web DeveloperCommented:
<select style="height: 500px;">content</select>

The 500px number is just a silly high number for the sake of demonstration.  The 'px' part tells the browser that the number is represented in screen pixels.

Hope this helps.
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

selvolCommented:
Don't be so sure and fast to shoot the correct answer down.

I'll tell you again.  Just so you can possibly get a correct answer.
FONT SIZE = SELECT size...



Quaoar, that won't work...

Selvol
<select  style="position:absolute;left:79px;top:176px;width:78px;height:16px;z-index:6; font-size : 355;" align="center">  <b><option>increase</option>
  <option>the font</option>
  <option>EE</option>
  <option>Selvol</option>
</select>
 
<select  style="position:absolute;left:9px;top:76px;width:78px;height:16px;z-index:6; font-size : 25;" align="center">  <b><option>increase</option>
  <option>the font</option>
  <option>EE</option>
  <option>Selvol</option>
</select>
 
 
</body>
</html>

Open in new window

0
selvolCommented:
Unless I am wrong. In that case I apologize.
0
selvolCommented:
As far as I know their is no height attrb. for select.
But it could be done with css hacks to mimic the height of the surronding.

If you had the html fot the for you were trying to get the select to size with.
I'd see if what I can do.
0
Tony O'ByrneSenior Web DeveloperCommented:
Not to worry. :-)

After doing some research, it seems that it's just not possible to do it with CSS.  I've seen someone online say that it's a GUI control and it's outside of the user's capability to manipulate like that.

So it seems that selvol's way is the way to go.
0
selvolCommented:

Did you ever get this solved?
Selvol
0
selvolCommented:

Did you ever get this solved?
Selvol
0
arunprasherAuthor Commented:
As far as I know their is no height attrb. for select.
But it could be done with css hacks to mimic the height of the surronding.

If you had the html fot the for you were trying to get the select to size with.
I'd see if what I can do.

give me logical idea or a code strip with that i could increase the height of select tab we expect a solution because our clients demand it.
0
Tony O'ByrneSenior Web DeveloperCommented:
What if...  I don't have the chance right now to test it, but I'll throw the idea out there anyway.

What if you were to follow Selvol's suggestion, *but* just enlarge an "&nbsp;"?  The way I see it, it'd enlarge the non-breaking space, which would force the select box to fit it, which would give you an elarged box with no "ugly" large text inside.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.