This may be true, but I would like to leave this answer open for a bit longer in case someone has figured it out.. give it 3 days K?
if after those 3 days no one has answered I will award you the points.
SlasherX
Main Topics
Browse All TopicsI am having MAJOR problem with formating the look a a select box. I want it to look like this:
<input type="text" name="blah" style="background: #333333; border: thin solid #D98A3C; color: #006666;" value="CAT">
can anyone help me please?
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.

Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
Try this:
<input type="text" name="blah" style="background: #333333; border: thin solid
#D98A3C; color: #006666; font-family: monospace; color: white;" value="CAT">
Hope it helps.
Jim S.
http://tentonweb.com/forum
SlasherX,
That you cannot do, even in IE5.5 or Mozilla 6.
An examples of a variation of what you already got , can be seen here:
http://www.gurusnetwork.co
Nice page for inspiration.
--
klykken
one option you wantconsider is :
http://kovaler.jinr.ru/lib
a different select option , not the HTML one.
It seems like the select option dosen't have a border property , therefore you cannot have the orange border around it.
Another solution would be some Manipulation around the select , something like that :
<SCRIPT LANGUAGE="JavaScript">
<!--
function setBorder(){
selectObj=document.getElem
selectObj1=document.getEle
divObj=document.getElement
divObj1=document.getElemen
divObj.style.width=selectO
divObj1.style.width=select
}
//-->
</SCRIPT>
<body onload="setBorder()"/>
</br>
<div style="border: thin solid #D98A3C;padding:2px 1px 1px 2px;margin:0px;" id="aroundSelect">
<select name="blah" id="blah" style="background: #333333;border:none;color:
<option>CAT</option>
</select>
</div>
<br>
<div style="border:none;padding
<select name="blah1" id="blah1" style="background: #333333;border:none;color:
<option>CAT</option>
</select>
</div>
</body>
Test this code and put your incredible colors :')...
Ok on Ie and NS!!!!
Man4you
<html>
<head>
<title>Untitled</title>
<style>
.select {font-family: monospace, verdana, arial, Helvetica; background: #ffff33; font-size: 10pt; border: thin solid #ff0000; width: 1px; height: 1px;}
SELECT {background: #ffff33; color: #ff3300; font-size: 8pt; }
</style>
</head>
<body>
<form>
<span class="select">
<select>
<option>Surpise</option>
<option>Surpise</option>
<option>Surpise</option>
<option>Surpise</option>
<option>Surpise</option>
<option>Surpise</option>
<option>Surpise</option>
<option>jkdfjsdlkflskdjflk
</select>
</span>
</form>
</body>
</html>
Business Accounts
Answer for Membership
by: Maniac7791Posted on 2001-03-16 at 01:34:49ID: 5934343
Hi
Actually this is not possibly with Explorer or Netscape. I just try to figure out a solution for hours. The only way is a workaround with dhtml, where you simply make some divs and images. But thats much more work, and not that flexible. And other solution is, dont using select instead take option buttons for example.