CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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

Synes godt om

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.

Synes godt om

sthen Nybegynder

05. september 2002 - 13:22 #2

Synes godt om

sthen Nybegynder

05. september 2002 - 13:23 #3

Der kom så lidt mere "guf" på

Synes godt om

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

Synes godt om

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.....

Synes godt om

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>

Synes godt om

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>

Synes godt om

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--">

<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>

Synes godt om

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

Synes godt om

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.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS