Avatar billede vat69 Nybegynder
22. januar 2007 - 19:21 Der er 4 kommentarer og
1 løsning

CSS på button

Hej jeg har en række input felter som jeg styler med CSS sådan her:

input{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color:#000000;
    border: #5A9092 1px solid;
}

Alle mine knapper vil jeg også style men helst uden at jeg skal give dem alle en bestemt class. Kan jeg give dem alle en bestemt style uden at denne style skal oprettes ´som en bestemt class?

I desperation prøvede jeg dette, men det var der naturligvis ikke så meget held med...

input:submit{
    cursor: pointer;
    background-color:#000000;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-weight:bold;
}

Kan det lade sig gøre eller skal mine buttons have sin egen class så de ikke får min input css på sig?
Avatar billede jokkejensen Novice
22. januar 2007 - 19:27 #1
du kan ikke (endnu) ramme udelukket knapper uden at tildele dem en CSS klasse.

Du kan evt fikse det med javascript - men klassen bliver først tildelt ex ved window.load det vil se lidt kikset ud..

Men søg og erstat med ex:

find : type="submit"
replace : type="submit" class="button"

ville vel gøre det meste..

I kommende CSS kan du ramme på attributter som du forsøger med : submit.. bare på en lidt anden måde.. noget ala input[name^=submit] (langt fra sikker)
Avatar billede vat69 Nybegynder
22. januar 2007 - 19:32 #2
Ok jeg havde det på fornemmelsen, jeg må bare give dem en class så.

Ved du noget om hvornår der kommer nye CSS? men som jeg kan forstå vi´l det være usikkert aligevel i starten.

Læg også et svar
Avatar billede jensgram Nybegynder
22. januar 2007 - 19:39 #3
CSS2.1 er skam specificeret - og moderne browsere kan i nogen grad efterleve den (hvis der bliver renderet i Standard Compliance, modsat quirks - det er her korrekt doctype og valid html kommer ind i billedet). CSS3 er også på bordet.

Ja, CSS højere end v1 tillader noget lign. det jokkejensen skriver - i dit tilfælde:

input[type=submit] -- dvs. type-attributten er "submit". Det virker på alle HTML-elementer / -attributter. MEN: Understøttelsen kan ikke garanteres (og det vil den vel principielt heller aldrig kunne :)
Avatar billede jokkejensen Novice
22. januar 2007 - 19:42 #4
http://www.css3.info/selectors-test/test.html

<-- der kan du selv teste de forskellige browsere du sidder med :)
Avatar billede vat69 Nybegynder
23. januar 2007 - 09:11 #5
Takker for hjælpen :)
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