Notifikationer

Markér alle som læst Log ud

clevzter Nybegynder

17. juli 2002 - 20:34 Der er 22 kommentarer og
1 løsning

style på forskellige input

Doven som jeg er, har jeg i mit stylesheet lavet følgende:

INPUT {
width: 150px;
font-size: 10px;
font-family: Verdana;
}

Så ser alle mine form-felter ens ud, uden jeg behøver at skrive class="" i selve koden. Men det vil jeg jo ikke ha at knapperne (<input type="submit") gør.

Er der noget jeg kan kalde dem i stylesheetet? INPUT.SUBMIT eller lignende...

Synes godt om

clevzter Nybegynder

17. juli 2002 - 20:36 #1

jeg kan jo lave tagget om til <button>, men så kan den ikke submitte formen...

Synes godt om

hells Nybegynder

17. juli 2002 - 20:40 #2

input[type="submit"] {
style
}

Det burde virke. Ellers skal du bruge classes, hvilket vel heller ikke er så slemt

Synes godt om

clevzter Nybegynder

17. juli 2002 - 20:45 #3

Det ser ik ud til at virke.

Koden ser således ud:
<HTML><HEAD><link href="style.css" rel="stylesheet" type="text/css"><TITLE></TITLE></HEAD><BODY>
<form action="search.asp" method="GET">
<input type="text" name="q" value="">
<input type="submit" value="Søg">
</form>
</BODY></HTML>

Og CSSen ser således ud:
INPUT {
width: 150px;
font-size: 10px;
font-family: Verdana;
}

input[type="submit"] {
font-size: 10px;
font-weight: 600;
font-family: Verdana;
}

TEXTAREA {
background-color: #FFFFFF;
border-width: 2px;
width : 130px;
font-size : 10px;
font-family : Verdana;
}

SELECT {
background-color: #FFFFFF;
border-width: 2px;
width : 130px;
font-size : 10px;
font-family : Verdana;
}

Synes godt om

yousif Nybegynder

17. juli 2002 - 20:46 #4

.submit {
...
}

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

Synes godt om

clevzter Nybegynder

17. juli 2002 - 20:48 #5

>>yousif

pointen var lissom at jeg var for doven til at bruge class="" i koden
dit svar er afvist

Synes godt om

hells Nybegynder

17. juli 2002 - 20:50 #6

tænkte nok det ikke ville virke, selvom det er valid css2:
http://www.w3.org/TR/css3-selectors/#attribute-selectors

Synes godt om

exp-ralle Nybegynder

17. juli 2002 - 20:51 #7

det her ville jeg også godt vide...

Synes godt om

clevzter Nybegynder

17. juli 2002 - 20:55 #8

>>exp-ralle

ja, det ville være fedt ik?

det er meget lettere bare at bruge tags som class i stedet for at skulle skrive en class="" til hvert objekt

Synes godt om

clevzter Nybegynder

17. juli 2002 - 20:57 #9

men jeg overlever vel med at skulle skrive class ved alle submits

de andre kan jeg jo stadig slippe for, hæ hæ...

Synes godt om

clevzter Nybegynder

17. juli 2002 - 20:58 #10

>> hells

du skal nu alligevel have point, for det er jo w3 standard

svar lige...

Synes godt om

hells Nybegynder

17. juli 2002 - 21:00 #11

ok svar

Synes godt om

=maddog= Nybegynder

17. juli 2002 - 21:01 #12

hells> der er squ mange af de lækre ting i CSS2 der aldrig er nået videre, f.x. :focus så man kunne fjerne den uhumske stiplede linje rundt om links/inputs med fokus.

Synes godt om

clevzter Nybegynder

17. juli 2002 - 21:02 #13

hvorfor egentlig?

nægter browser-producenterne bare at understøtte css2 eller hvad?

Synes godt om

hells Nybegynder

17. juli 2002 - 21:03 #14

=maddog= > ja, og det er sgu en smule ærgerligt, da der er nogle ting, jeg gerne ville have fat i

Synes godt om

clevzter Nybegynder

17. juli 2002 - 21:04 #15

du kan jo altid bruge onFocus=Blur() inde i selve tagget. det bruger jeg tit. men det fylder

Synes godt om

=maddog= Nybegynder

17. juli 2002 - 21:07 #16

og den mister fokus!! hvilket vil sige at den også mister :active stylen. det er ikke godt nok når der er en veldefineret standard til formålet. op på mærkerne M$ og Mozilla!

Synes godt om

clevzter Nybegynder

17. juli 2002 - 21:09 #17

godt ord igen!
er det kun netscape, som understøtter css2? mozilla plejer da ellers at være helt med på w3

Synes godt om

=maddog= Nybegynder

17. juli 2002 - 21:12 #18

der er vist mere eller mindre tilfældigt hvordan det er understøttet
http://www.blooberry.com/indexdot/css/index.html
giver en god oversigt over forskellige styles og viser tilmed hvilke browsere der implementerer dem

Synes godt om

=maddog= Nybegynder

17. juli 2002 - 21:14 #19

her kan du f.x. se at NS6 understøtter [type="submit"]
http://www.blooberry.com/indexdot/css/syntax/selectors/attribute.htm#value
bare en af 1000 grunde til at skifte browser.

Synes godt om

clevzter Nybegynder

17. juli 2002 - 21:22 #20

ja, man føler sig snart temmelig overbevist
men, som udvikler er det vel bedst at ha dem alle

Synes godt om

=maddog= Nybegynder

17. juli 2002 - 21:26 #21

clevzter> det er nemlig lige hvad man skal.. men det ville dælme være rart hvis man kunne sidde og hygge sig i Linux i stedet for at køre Windows den halve dag :D

Synes godt om

clevzter Nybegynder

17. juli 2002 - 21:34 #22

personligt har jeg planer om at skifte til mac
egner sig bedst til det jeg skal med den

Synes godt om

durd Nybegynder

12. oktober 2002 - 20:46 #23

Gør hvad du vil, men skift ALDRIG til Mac.. DU FORTRYDER DET!!

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

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS