Just nu i M3-nätverket
Jump to content
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Redigera form-knappar

Starre

By Starre,
in Webbutveckling

Recommended Posts

Starre

Starre

Posted
Posted

Hej alla!

 

Vilka möjligheter finns om man vill ändra egenskaperna på en form-knapp, till exempel en submit- eller resetknapp?

Misstänker att det är CSS som gäller men hur?

Link to comment
Share on other sites
Stefan K

Stefan K

Posted
Posted

Hej!

 

Ett exempel på CSS för en knapp...

input.knapp { 
color: #484848; 
font-size: 12px; 
border: 1px #484848 solid; 
font-family: Verdana, Arial, Helvetica, sans-serif}

Använd då class="knapp" på knappen.

 

Är det nåt speciellt du vill ändra på?

 

 

~ Stefan ~

 

”Ingen kan hjälpa alla men alla kan hjälpa någon.”

[inlägget ändrat 2002-12-02 22:44:30 av Stefan K]

Link to comment
Share on other sites
GronK

GronK

Posted
Posted

<html>

<head>

<style>

INPUT {

background-color : Blue;

border : 5px dotted Gray;

border-bottom-width : 5px;

border-bottom : solid Fuchsia;

font-family : "Comic Sans MS";

font-size : 23px;

font-style : italic;

font-weight : bold;

text-decoration : underline;

text-transform : uppercase;

word-spacing : 20px;

}

</style>

</head>

<body>

<input type="submit" name="test" value="test">

</body>

</html>

 

Här har du ett gräsligt exempel =)

sedan kan du ju göra hela knappen till en bild med mouse over om du vill det.

 

Link to comment
Share on other sites
Starre

Starre

Posted
  • Author
Posted

Okej. Tack för koden. Ska applicera koden och sedan redigera den.

 

Det jag vill åstadkomma är att ändra höjd respektive bakgrundsfärg på knappen.

 

Poäng.

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing


×
×
  • Create New...