Aashishn86,
You could try this approach. It works in isolation but on a real page would cause the page to reflow as it resizes. Therefore of limited utility.
<html>
<head>
<title>Airshow :: Untitled</title>
<style type="text/css">
{}
</style>
<script>
function expand(s, b){ s.style.width = (b) ? '' : '100px'; }
</script>
</head>
<body>
<select style="width:100px;" onfocus="expand(this, 1);" onblur="expand(this, 0);">
<option value="1">111111111111</option>
<option value="2">222222222222222222222</option>
<option value="3">333333333333333333333333333333</option>
</select>
</body>
</html>
Airshow
Airshow
WiFi Lounge Lizard
2,683 posts since Apr 2009
Reputation Points: 321
Solved Threads: 372
I guessed as much.
The problem is - if you allow enough space for it to expand into, then it might as well be full width in the first place!
Maybe someone else has a better idea.
Good luck
Airshow
Airshow
WiFi Lounge Lizard
2,683 posts since Apr 2009
Reputation Points: 321
Solved Threads: 372