--- title: "CSS-style för knapp" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/150214-css-style-för-knapp" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "lillebror" published: "2006-08-16T16:14:41.000Z" updated: "2007-07-29T17:25:58.000Z" replies: 6 views: 603 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/150214-css-style-för-knapp" --- # CSS-style för knapp ## #1 — lillebror, 2006-08-16T16:14Z Hej, Jag tycker min nuvarande CSS-kod gör att mina formulärknappar blir väldigt stela och tråkiga. Bifogar en bild på hur det ser ut nu. Finns det någon som har en formulärknappsdesign med CSS-kod som gör knapparna lite mer levande?! :) Bilagor: - [knapp.jpg](https://www.webforum.nu/a/11759.jpg) Permalänk: https://www.webforum.nu/p/150214 ## #2 — J.N., 2006-08-17T07:46Z HEJ! Det är bara att styla på på lämpligt sätt! ``` ``` Det finns på någon webbplats som jag inte kommer ihåg nu en "fullständig" genomgång om hur olika formulärelement ser ut i olika webbläsare. Kontentan är i alla fall att du inte kan räkna med att det ser likadant ut överallt. Permalänk: https://www.webforum.nu/p/1853136 ## #3 — kaxigt, 2006-08-17T07:50Z Så här har jag löst det: ``` ``` Då kan du skapa en egen bild i ex photoshop och lägga in absolut url till bilden i koden. Snyggt blir det också :) Permalänk: https://www.webforum.nu/p/1853137 ## #4 — lillebror, 2006-08-17T09:46Z Tack för tipsen. Ska testa och se vad jag kan åstadkomma :) I'll be back! Permalänk: https://www.webforum.nu/p/1853158 ## #5 — zcorpan, 2006-08-17T11:54Z Det går att lägga en vanlig bakgrundsbild på en \. Permalänk: https://www.webforum.nu/p/1853197 ## #6 — ir0n, 2007-07-29T09:51Z tjenare zcorpan! vet att det var ett tag sedan du skrev detta, men hur lägger man en bild på en inputknapp. Jag har problemet att jag vill ha 2 olika knappar som båda laddar om sidan och först så kollas vilken av knapparna som var nertryckta. Det ska alltså både vara en bild och ett id på knappen. Tack på förhand! //Andreas Permalänk: https://www.webforum.nu/p/2010081 ## #7 — zcorpan, 2007-07-29T17:25Z ``` #knapp1 { background:url(...); } #knapp2 { background:url(...); } ``` Det är dock lite klurigt att "få bort" texten i knappen, om texten redan finns med i bilden. Permalänk: https://www.webforum.nu/p/2010177 --- Tråden på webben: https://www.webforum.nu/amne/html-css/150214-css-style-för-knapp