Går det att få en "utdragen select"-box utan ram, på något sätt. (t.ex. <select size=10 style="border:0px">)
Det går ju att göra med text-fält och textarea's, men jag har inte fått det att fungera på en select box. Någon som vet?
5 svar · 249 visningar · startad av joup
Går det att få en "utdragen select"-box utan ram, på något sätt. (t.ex. <select size=10 style="border:0px">)
Det går ju att göra med text-fält och textarea's, men jag har inte fått det att fungera på en select box. Någon som vet?
hmm, det verkar inte gå att ändra varken vidd eller utseende på ramen. Inte ens färgen går att ändra.
Enda sättet att då slippa se ramen är ju att sätta
background-color:black, men hur kul är det.
Det går. Men Internet Explorer stöder av någon anledning inte detta.
Där ser man . Vad kasst.
Man kan ju alltid lura IE (vilket känns extra skönt):
<div style="position:absolute;left:20px;top:20px;width:100px;height:16px;border:1px solid red;">
<div style="position:absolute;left:-1px;top:-3px;clip:rect(3,99,17,2);">
<select style="font-family: Verdana; font-size: 9px; width:101px;">
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
</select>
</div>
</div>
<div style="position:absolute;left:150px;top:20px;width:100px;height:62px;border:1px solid red;">
<div style="position:absolute;left:-1px;top:-3px;clip:rect(3,99,63,3);">
<select size="5" style="font-family: Verdana; font-size: 9px; width:101px;">
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
<option value="">Tord Johnsen
</select>
</div>
</div>
Lite hastigt ihopslängt, men ni förstår nog.