Lave om på button farve

<style>
.fields {border-style: solid; border-width: 1px; border-color: #999999; background-color: #e9e9e9; font: 10px verdana; width:100}
</style>

<input type=\"button\" class=\"fields\" value=\"hej hej\">

Eller du kan blot style alle inputs:

<style type=\"text/css\">
<!--
input { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  background-color: #000099;
  border: 1px #FFFFFF solid
}
-->
</style>

Jeg kan deværre ikke få den god nok (3\'dem) -bruger den her style:

.button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000066;
  background-color: #ffffff;
  border: 1px #FF6688 solid;
}

Kan jeg få hjælp til at korigere :)?

Her er lidt 3d-effekt:

.button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000066;
  background-color: #ffffff;
  border: solid;
  border-color: #FF6688 #FF0000 #FF0000 #FF6688;
  border-width: 1px 2px 2px 1px
}

Mere endnu:

.fields{
  background-color : #e9e9e9;
  border : 1px solid;
  border-bottom : 1px solid Gray;
  border-top : 1px solid Silver;
  border-left : 1px solid Silver;
  border-right : 1px solid Gray;   
  font-size: 11px;
  font-weight: plain;
}

Eller blot en af disse:
border: 3px groove #FF6688; eller border: 3px ridge #FF6688; eller border: 3px inset #FF6688; eller border: 3px outset #FF6688;

Endnu mere *G*

<!--
.button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000066;
  background-color: #ffffff;
  border: solid;
  border-color: #FF6688 #FF0000 #FF0000 #FF6688;
  border-width: 1px 2px 2px 1px;
  filter: Wave(Add=1, Freq=1, LightStrength=1, Phase=1, Strength=1)}
-->

Sjovere endnu:

<style>
    <!--
.button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000066;
  background-color: #ffffff;
  border: solid;
  border-color: #FF6688 #FF0000 #FF0000 #FF6688;
  border-width: 1px 2px 2px 1px;
  filter: Wave(Add=1, Freq=1, LightStrength=1, Phase=1, Strength=1)}
-->
   
    </style>

<input type=\"button\" class=\"button\" value=\"hej hej\" style=\"filter:progid:DXImageTransform.Microsoft.DropShadow(enabled=true,color=#00ff00)\">

Takker for de mange forslag, nu tror jeg  at jeg har styr på det med farver.
Og da jeg gerne vil ha cursor til at bli til en hånd når man peger på button så har jeg forsøgt med
cursor:hand;
men den vil bare ikke :)
Kan det la sig gøre, og/eller hvordan får man hånden med ?

Prøv i tagget og se om det hjælper.
<input type=\"button\" class=\"fields\" value=\"hej hej\" style=\"cursor:hand\">

tak til callesen, den virker

Men er det ikke muligt at lave det i ext. StyleSheet
Jeg har jo forsøgt med
cursor:hand;

Skal den måske laves om ?

Jeg har været ude for den \'hånd\' før - hvor jeg med mine evner ikke har kunnet forstå, hvorfor det virker i et inline-style, men ikke i det eksterne CSS. ??

Elller sæt den herind oppe i head

<style>
a:link {color: #FFFFFF; text-decoration:none}
a:visited {text-decoration: none}
a:hover {color: #000000; text-decoration:none}
</style>

much easier

zred > Kan desværre ikke se, at dit svar har noget med spørgsmålet at gøre ???
Du må gerne forklare nærmere :)

sjovere endnu :))


    <style>
    <!--
.button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000066;
  background-color: #ffffff;
  border: solid;
  border-color: #FF6688 #FF0000 #FF0000 #FF6688;
  border-width: 1px 2px 2px 1px;
  filter: Wave(Add=1, Freq=1, LightStrength=1, Phase=1, Strength=1)}
-->
   
    </style>

<input type=\"button\" class=\"button\" value=\"hej hej\" style=\"filter:progid:DXImageTransform.Microsoft.DropShadow(enabled=true,color=#00ff00)\">