Søg
Avatar billede jps6kb Novice
21. januar 2004 - 12:43 Der er 21 kommentarer og
1 løsning

baggrund på textbox

Jeg vil gerne ændre en textbox' baggrundsfarve til  #F1F1E4 ...
... og til  #FAFAF5 ved mouseover... og det virker godt nok... lidt. Men når jeg går ind på siden /loaderden er baggrunden hvid. Når jeg så har været over den med musen skifter den og er rigtig...

CSS:
input[type="text"]:hover {background: #F1F1E4}
.over {
    background: #FAFAF5;
border:1px solid #000;
}
.out {
    background: #F1F1E4;
border:1px solid #000;
}

HTML:
<input type="text" SIZE="20" style="border:1px solid #000000;" onMouseOver="this.className='over';"  onMouseOut="this.className='out';">
Avatar billede Slettet bruger
21. januar 2004 - 12:47 #1
<input type="text" class="out" SIZE="20" style="border:1px solid #000000;" onMouseOver="this.className='over';"  onMouseOut="this.className='out';">
Avatar billede mm12010 Nybegynder
21. januar 2004 - 12:47 #2
<input type="text" SIZE="20" style="border:1px solid #000000; background: #F1F1E4" onMouseOver="this.className='over';"  onMouseOut="this.className='out';">
Avatar billede mm12010 Nybegynder
21. januar 2004 - 12:48 #3
<input type="text" class="out" SIZE="20" onMouseOver="this.className='over';"  onMouseOut="this.className='out';">
Avatar billede Slettet bruger
21. januar 2004 - 12:48 #4
:)
Avatar billede mm12010 Nybegynder
21. januar 2004 - 12:49 #5
som et lyn !-)
Avatar billede Slettet bruger
21. januar 2004 - 12:51 #6
Iøvrigt fatter jeg ikke denne linie: input[type="text"]:hover {background: #F1F1E4} og hvad den skal gøre godt for, der er jo mouseover/out på feltet?
Avatar billede jps6kb Novice
21. januar 2004 - 13:34 #7
Mercí

el_barto var hurtigst, såeh... smid lige et svar...
Avatar billede Slettet bruger
21. januar 2004 - 13:38 #8
oki, men jeg vil altså ikke have 60 point for et let spørgsmål, tag selv de 45 eller del dem ud :)
Avatar billede jps6kb Novice
21. januar 2004 - 13:46 #9
Okay så... well then riddle me this batman...

Hvad så hvis jeg gerne vil have... border-bottom på textbox'en og border når man peger på den ??? Så ka' du sQ da tjene dem *GG*
Avatar billede Slettet bruger
21. januar 2004 - 13:50 #10
Altså kun border i bunden, og denne skal skifte til border hele vejen rundt når man peger på den?

Så burde det være sådan her i dit CSS:

.over {
background: #FAFAF5;
border:1px solid #000;
}
.out {
background: #F1F1E4;
border:0px;
border-bottom:1px solid #000;
}

Er lidt i tvivl om du kan fjerne border:0px;
Avatar billede jps6kb Novice
21. januar 2004 - 13:53 #11
Nopez... troede jeg også... giver border hele tiden
Avatar billede jps6kb Novice
21. januar 2004 - 14:00 #12
Hvad så hvis jeg bare vil have border_bottom hele tiden i stedet ???
Avatar billede Slettet bruger
21. januar 2004 - 14:11 #13
Vent lidt, det er jo fordi der stadig manuelt er defineret en style i text elementet:


<input type="text" class="out" SIZE="20" onMouseOver="this.className='over';"  onMouseOut="this.className='out';">
Avatar billede jps6kb Novice
21. januar 2004 - 14:13 #14
mmmjaeh, men nu er den er ikke når jeg hover ...
Avatar billede jps6kb Novice
21. januar 2004 - 14:38 #15
I'm off for 2day.. tjekker ind i morgen tidlig...

BTW. hvis I har formateringer til checkbox'e ville det oz være fedt ;)
Avatar billede Slettet bruger
21. januar 2004 - 14:51 #16
Jeg er i tvivl om hvad du vil have af borders.

Hvis du _kun_ vil have border i bunden skal det være sådan her:

.over {
background: #FAFAF5;
border:0px;
border-bottom:1px solid #000;
}
.out {
background: #F1F1E4;
border:0px;
border-bottom:1px solid #000;
}
Avatar billede mm12010 Nybegynder
21. januar 2004 - 15:54 #17
checkbox'e kan desværre ikke formateres !-)
Avatar billede Slettet bruger
21. januar 2004 - 17:00 #18
Lidt kan de, men du kan ikke fjerne den 3d-effekt som du nok gerne vil :)

Alternativt kan du jo selv lave nogle checkboxe som grafikelementer
Avatar billede jps6kb Novice
22. januar 2004 - 08:19 #19
Det virker stadig ikke... der er fuld border på... ??
Jeg har fundet et spm om checkoxe med det el_barto sagde, så det kører jeg bare efter.
Avatar billede Slettet bruger
22. januar 2004 - 08:28 #20
Det her virker hos mig:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
<style>
.over {
background: #FAFAF5;
border:0px;
border-bottom:1px solid #000;
}
.out {
background: #F1F1E4;
border:0px;
border-bottom:1px solid #000;
}
</style>
</head>

<body>

<input type="text" class="out" SIZE="20" onMouseOver="this.className='over';"  onMouseOut="this.className='out';">

</body>
</html>
Avatar billede jps6kb Novice
22. januar 2004 - 11:51 #21
Det gør det ikke her... :/
Avatar billede roenving Novice
24. januar 2004 - 19:12 #22
-- i øvrigt kan det absolut ikke anbefales, at man skifter klasse on-the-fly ...

-- når browseren renderer siden opbygger den nemlig et css-Dom-træ, så den ved hvordan de forskellige elementer skal vises. Dette træ er den nødt til at smide væk, når bare eet element skifter klasse, da den ikke kan forudsige om der evt. skulle være noget nesting af classes, som bliver berørt !-)

-- anbefalelsesværdigt er, at ændre de properties, som skal ændres og ellers holde fingrene fra className !o]
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
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 10:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
I går 10:24 Kan Excel selv beregne alder? Af leahcim i Excel
30/0815:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
White papers
Flere white papers »