Avatar billede krk Nybegynder
22. juli 2004 - 13:41 Der er 5 kommentarer og
1 løsning

2 input boxe der skal se forskellig ud

Jeg har en formular med text fields og checkbox. Jeg vil gerne have at der er en grå border på text fields men ikke på chechbox.
Kan det lade sig gøre??
Jeg sender min kode med:

<table width="324" border="0" bgcolor="96C5EE">
  <form method="post" onSubmit="return checkSubmit(this)" action="mailscript2.php">
    <tr>
      <td width="183">Navn:
        <input type="hidden" name="skjultnavn" value="Nave:"> <br> <input type="text" name="navn" size="25" value="">
      </td>
      <td width="168"> Alder:
        <input type="hidden" name="skjultalder" value="Alder:"> <br> <input type="text" name="alder" size="10" value="">
      </td>
    </tr>
    <tr>
      <td>Adresse:
        <input type="hidden" name="skjultadresse" value="Adresse:"> <br> <input type="text" name="adresse" size="25"  value="">
      </td>
      <td> By:
        <input type="hidden" name="skjultby" value="By:"> <br> <input type="text" name="by" size="10" value="">  </td>
    </tr>
    <tr>
      <td colspan="2">E-mail:
        <input type="hidden" name="skjultmail" value="E-mail:"> <br> <input type="text" name="email" size="25"  value="">
      </td>
    </tr>
    <tr>
      <td colspan="2"> <br>
        Hvilken gruppe/grupper ønsker du at deltage i ?
        <input type="hidden" name="skjultgruppe" value="Ønsker at deltage i følgene grupper:">
        <br> <input type="checkbox" name="boern" value="boernefaglige">
        1<br> <input type="checkbox" name="kreativ" value="kreative">
        2<br> <input type="checkbox" name="praktisk" value="praktiske">
        3<br> <input type="checkbox" name="markede" value="markedesorienteret">
      4</p> </td>
    </tr>
    <tr>
      <td colspan="2">Eventuelle kommentarer:
        <input type="hidden" name="skjultevt" value="Evt:">
        <br> <textarea rows="6" name="evt" cols="50"  ></textarea></td>
    </tr>
    <tr>
      <td colspan="2"><input type="submit" value="Send" name="send" > &nbsp;&nbsp;
        <input type="reset" value="Nulstil" name="reset" ></td>
    </tr>
  </form>
</table>

Mit css ser ud som følgende:
form {
    font-family: Verdana;
    font-size: 9px;
    border-top-width: 1pt;
    border-right-width: 1pt;
    border-bottom-width: 1pt;
    border-left-width: 1pt;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
}
input {
    background-color: 96C5EE;
    border: 1px solid #CCCCCC;
}
textarea {
    font-family: Verdana;
    font-size: 9pt;
    border: 1px solid #CCCCCC;
    background-color: #96C5EE;
}
Avatar billede roenving Novice
22. juli 2004 - 13:44 #1
Så må du sætte en class på, hvis det også skal virke i IE ...

Css-standarden indeholder godt selektorer af denne type, men det er desværre ikke så godt understøttet:

input[type=text]{}
Avatar billede krk Nybegynder
22. juli 2004 - 13:47 #2
jeg har prøvet med en class, men jeg kunne ikke få det til at virke. Vil det være bedre at skrive stylen i selve checkbox taget
Avatar billede roenving Novice
22. juli 2004 - 13:53 #3
.textinput{border:1px solid grey;}

-- og

<input type="text" class="textinput">
Avatar billede krk Nybegynder
22. juli 2004 - 13:56 #4
det virker. send et svar og du får point
Avatar billede roenving Novice
23. juli 2004 - 09:53 #5
Velbekomme '-)
Avatar billede roenving Novice
23. juli 2004 - 11:50 #6
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester