2 Replies - 22796 Views - Last Post: 12 December 2008 - 09:47 PM

#1 tbandtg1   User is offline

  • New D.I.C Head

Reputation: 1
  • View blog
  • Posts: 20
  • Joined: 03-September 08

Making Select button and Input look the same

Posted 11 December 2008 - 10:58 AM

How do i make a select form look like a button ie i want the same colors or vica versa. The thing is the select form button colors and looks change from browser to browser operating system to operating system where ti seeems that reagular buttons dont.

For example the code below. I want the select button to look the same as the spin buttons or vica versa on any machine any browser thanks.


<form name="Form3">
<select name="dest" onchange="surfto(this.form)">
<option value="__live.html?0?0?0">None</option>
<option value="__live.html?0?0?1">Level</option>
<option value="__live.html?0?0?2">Audio</option>
<option value="__live.html?0?0?4">Depth of Mod</option>
<option value="__live.html?0?0?5">Fm Deviation</option>
<option value="__live.html?0?0?6">Hum</option>
<option value="__live.html?0?0?7">C/N</option>
<option selected value="__live.html?0?0?8">Spectrum</option>
<option value="__live.html?0?0?9">Scan</option>
</select>
</form>
<form name="Form4">
<INPUT type="button" value="Again" onclick="java script:document.location.reload()">
<INPUT type="button" value="Stop" onclick="java script:document.TEST.stopclock()">
</form>
<form name ="adv_spectrum" ACTION="" METHOD="GET">
<table cellSpacing='0' cellPadding='0' border='0'>
<TBODY>
<tr>
<td>
Start: 
</td>
<td>
<input type="text" class="spin-decimal" Name="start" id="start" value = "120.00" SIZE="4" MAXLENGTH="7" onkeyup="isNumber(this)">MHz<br>
</td>
</tr>
<tr>
<td>
Stop: 
</td>
<td>
<INPUT type="text" class="spin-decimal" Name ="stop" id="stop" SIZE = "4" value = "126.00" MAXLENGTH="7" onchange="isNumber(this)">MHz<br>
</td>
</tr>
<tr>
<td>
Ref: 
</td>
<td>
<INPUT type="text" class="spin-decimal" Name ="ref" id="ref" SIZE = "3" value="5" MAXLENGTH="3" onchange="isNumber(this)">dB<br>
</td>
</tr>
<tr>
<td>
RBW: 
</td>
<td>
<table cellSpacing='0' cellPadding='0' border='0' >
<TBODY>
<tr>
<TD rowSpan=2>
<INPUT type="text" class="spin-decimal" Name="rbw" id="rbw" value="300 kHz" readonly>
</td>
<td><input type="button" value=" /\ " onclick="rbwUP(this.form)" style="font-size:7px;margin:0;padding:0;width:20px;height:14px;" >
</td>
</tr>
<tr>
<td><input type="button" value=" \/ " onclick="rbwDN(this.form)" style="font-size:7px;margin:0;padding:0;width:20px;height:14px;" >
</td>
</tr>
</TBODY>
</table>
</td>
</tr>



Is This A Good Question/Topic? 0
  • +

Replies To: Making Select button and Input look the same

#2 Winstinology   User is offline

  • I'm pretty good with a laser mouse..
  • member icon

Reputation: 7
  • View blog
  • Posts: 958
  • Joined: 08-May 08

Re: Making Select button and Input look the same

Posted 12 December 2008 - 12:47 PM

I don't think what you are trying to achieve is possible..
Was This Post Helpful? 0
  • +
  • -

#3 FredT   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 25-July 08

Re: Making Select button and Input look the same

Posted 12 December 2008 - 09:47 PM

It is possible.

http://ryanfait.com/...-radio-buttons/
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1