style en input box

<input name="send" value="send" class="submitButton" type="submit">

input.submitButton {
  background-color: transparent;
  border: none
}


Eller misforstår jeg?

CSS2 har desuden nogle "pseudo-ting", der kan kigge på attributter, men det understøttes ikke i gængse browsere og jeg har derfor valgt at sætte en class på din knap.

cf. http://www.w3.org/TR/REC-CSS2/selector.html#attribute-selectors

input[type=submit] {
  background-color: transparent;
  border: none
}

Men jeg vil fraråde den.

så er den bare text ik ?

hvis den skal stå i en ccs hvordan skal den så stå ?

body {
    margin: 25px 0px 0px 0px;
    background-color: #FFFFFF;
    background-image: url(images/bg.gif);
    background-position: center;
    background-repeat: repeat-y;
    text-align: center;
}



/***********************************
    CONTAINERS
***********************************/

#main {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #FFFFFF;
}

#top-nav {
    width: 715px;
    margin-left: auto;
    margin-right: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 55%;
    color: #999999;
    text-align: right;
    vertical-align: bottom;
    height: 18px;
    line-height: 18px;
    padding-right: 5px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    background-color: #FFFFFF;
}

#navigation {
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    font-weight: bold;
    color: #FF9900;
    background-color: #FAFAFA;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 15px 5px;
    width: 150px;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    text-align: right;
}


#content {
    margin-left: 170px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    color: #666666;
    text-decoration: none;
    width: 535px;
    text-align: left;
    padding: 5px 5px 15px 5px;
    background-color: #FFFFFF;
}

#footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    color: #999999;
    padding: 40px 0px 10px 0px;
    text-align: center;
    clear: left;
    background-color: #FFFFFF;
}


/***********************************
    LINKS
***********************************/

a {
    color: #666666;
    text-decoration: none;
}
a:hover {
    color: #FF0066;
    text-decoration: none;
}

a.indbakke-afsender {   

    color: #666666;
    text-decoration: none;
    text-align: left;
    float: left;
width: 150px;
      height:20px;
    display: block;
}

a.indbakke-emne {
    color: #666666;
    text-decoration: none;
    text-align: left;
width: 130px;
      height:20px;
display: block;
    float: left;
}

a.indbakke-dato {
    color: #666666;
    text-decoration: none;
    text-align: left;
    float: right;
width: 180px;
      height:20px;
    display: block;
}

a.indbakke-checkbox {
    color: #666666;
    text-decoration: none;
    text-align: left;
    float: left;
}

a.indbakke-foto {
    color: #666666;
    text-decoration: none;
    text-align: left;
    float: left;
    display: block;
          height:20px;
    width: 20px;
}

a.small-navigation {
    color: #999999;
    text-decoration: none;
}

a.small-navigation:hover {
    color: #FF9900;
}

a.navigation {
    color: #666666;
    border-width: 0px 0px 0px 5px;
    border-color: #DEDEDE;
    border-style: solid;
    text-decoration: none;
    display: block;
    padding: 3px 0px 3px 5px;
    text-align: left;
    font-weight: normal;
}

a.navigation:hover {
    border-color: #FF9900;
    background-color: #EFEFEF;
}

/***********************************
    MISCELLANEOUS
***********************************/
#header {
    padding: 5px 0px 5px 0px;
    border-color: #999999;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    background-color: #FFFFFF;
}

hr {
    width: 100%;
    height: 0px;
    text-align: center;
    border-color: #CCCCCC;
    border-style: dashed;
    border-width: 0px 0px 1px 0px;
}

h1 {
    color: #FF9900;
    font-size: 180%;
    text-decoration: none;
    text-align: right;
    margin: 0px 0px 15px 0px;
    font-weight: normal;
    padding: 2px 50px 0px 0px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #FF9900;
    background-color: #FFFFFF;
}

p {
    border-color: #999999;
    border-style: dashed;
    border-width: 0px 0px 1px 0px;
    padding: 0px 0px 10px 0px;
    margin-top: 10px;
}
hvor skal den stå

Det er fuldstændigt ligemeget. Bare indsæt den i bunden, hvis du vil.

Det virker ik

upz sry

svar tak : )

den er bare forstor den passer ikke det er ligeso der er en kasse om den
selv om texten er lige store

prøv at tilføj

margin: 0;
padding: 0;

Hov:

input.submitButton {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0
}

det hjælp lidt :S

Ok.