Avatar billede encorez Nybegynder
05. september 2002 - 13:12 Der er 8 kommentarer og
2 løsninger

Udseende på tekstfelt

Jeg vil gerne kunne ændre udseendet på et tekstfelt i en formular. Jeg skal gerne kunne ændre kanterne, farven i tekstfelten. Kan man desuden ændre højden på et tekstfelt, for at gøre det mindre.

Håber nogen kan besvare mine tre spørgsmål!

Mvh. Simon
Avatar billede sthen Nybegynder
05. september 2002 - 13:19 #1
textarea {
    SCROLLBAR-FACE-COLOR: #FFFFFF;
    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-SHADOW-COLOR: #000063;
    SCROLLBAR-3DLIGHT-COLOR: #000063;
    SCROLLBAR-ARROW-COLOR: #000063;
    SCROLLBAR-TRACK-COLOR: #FFFFFF;
    SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
    font-family : Verdana;
    font-size : 10px;
    font-weight : normal;
    color : white;
    text-align : right;
    text-decoration : none;
    }

F.eks.
Avatar billede sthen Nybegynder
05. september 2002 - 13:22 #2
textarea {
    SCROLLBAR-FACE-COLOR: #FFFFFF;
    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-SHADOW-COLOR: #000063;
    SCROLLBAR-3DLIGHT-COLOR: #000063;
    SCROLLBAR-ARROW-COLOR: #000063;
    SCROLLBAR-TRACK-COLOR: #FFFFFF;
    SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
    font-family : Verdana;
    font-size : 10px;
    font-weight : normal;
    color : white;
    text-align : right;
    text-decoration : none;
    background-color:#000063;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    }
Avatar billede sthen Nybegynder
05. september 2002 - 13:23 #3
Der kom så lidt mere "guf" på
Avatar billede encorez Nybegynder
05. september 2002 - 13:23 #4
jeg formulerede jeg måske forkert. Det er et textfield, altså en enkelt linie. Hvor skal det du har skrevet så skrives henne. Jeg er ikke lige inde i css endnu, hvis det er sådan noget
Avatar billede puppetmaster Nybegynder
05. september 2002 - 13:25 #5
Det ER css og ikke så svært at lære........du kan lægge det i en separat fil og så lade andre sider referere til den (genbruge den)............der er ikke så meget forskel på om det er et textarea eller textfield.....
Avatar billede puppetmaster Nybegynder
05. september 2002 - 13:32 #6
Prøv det engang, her i embedded version.

<html>

<head>
<style>
input {
text-align:center;
font-family : Verdana;
font-size : 10px;
font-weight : normal;
color : white;
text-align : right;
text-decoration : none;
background-color:#000063;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
</style>
</head>
<input type="text"></html>
Avatar billede puppetmaster Nybegynder
05. september 2002 - 13:33 #7
Et andet eksempel:

<html>

<head>
<style>
input {
text-align:center;
font-family : Garamond;
font-size : 36px;
font-weight : normal;
color : blue;
text-align : left;
text-decoration : none;
background-color:red;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
</style>
</head>
<input type="text"></html>
Avatar billede puppetmaster Nybegynder
05. september 2002 - 13:35 #8
Og med knapper på

<html>

<head>
<style>
input {
text-align:center;
font-family : Garamond;
font-size : 16px;
font-weight : normal;
color : blue;
text-align : left;
text-decoration : none;
background-color:red;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
</style>
</head>
<input type="text">
<form method="POST" action="--WEBBOT-SELF--">
  <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.txt"
  S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
  <p><input type="button" value="Knap" name="B3"><input type="submit" value="Send" name="B1"><input type="reset" value="Nulstil" name="B2"></p>
</form>
</html>
Avatar billede rune_m Nybegynder
05. september 2002 - 16:48 #9
<input type="text" style="border-style:solid; border-color: blue; border-width: 1px; background-color: grey; font-family:verdana; font-size: 8px; color: black;" name=test size="40">

Du kommer nok ikke uden om CSS her .. men du kan gøre det direkte som vist.
Andre muligheder: border-style: dashed eller inset eller outset mv.
Du kan også bruge: border-left-style eller border-top-style, border-right-style: solid ... for at sætte border kanterne enkeltvis.
Størrelsen (højden) bliver (mener jeg at huske) sat efter font-size .. altså tegnstørrelsen. Længden justerer du med size="40" feks.
De øvrige styles burde være selvforklarende.
Mvh.
Rune
Avatar billede rune_m Nybegynder
05. september 2002 - 16:51 #10
color: black ; <-semikolon til at separerer de enkelte værdisæt.

Color: black; font-size: 10px; osv.
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