Just nu i M3-nätverket
Jump to content

Redigera form-knappar


Starre

Recommended Posts

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

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

<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

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.



×
×
  • Create New...