Just nu i M3-nätverket
Jump to content

Ändra utseende på submitknappar


hmmmm

Recommended Posts

Jag har tappat bort de script jag använde för att ändra utseende på submitknappar. Jag vet att man kan ändra färger och storlek på både själva knappen och på knappens ramar. Jag måste ha det så att jag kan köra det från en stilmall (.css-fil). Är det någon som har den kod som behövs för att ändra ovanstående så skulle jag bli tacksam om jag kunde få den.

 

tacksam för svar.

Link to comment
Share on other sites

Så här menar du?

 

I stilmallen:

 

.bstyle{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; background-color: #FFFFFF; border: 1px #000000 solid}

och den knapp du vill ändra utseende på:

 

<input type="submit" value="Submit" class="bstyle">

Så får du en vit knapp med svart border...

# GLOBER #

 

[inlägget ändrat 2002-03-26 00:35:12 av Glober]

Link to comment
Share on other sites

Det jag hade tidigare hade lite mer inställningar. Jag har för mig att man inte behövde använda sig av class heller.

Inställningarna var uppbyggda på liknande sätt som scriptet nedan bygger upp scrollbaren:

 

body {scrollbar-face-color: #e2e6d3; scrollbar-shadow-color: #e2e6d3;

scrollbar-highlight-color: #D09D92; scrollbar-3dlight-color: #FFE3DD;

scrollbar-darkshadow-color: #D09D92; scrollbar-track-color: #e2e6d3;

scrollbar-arrow-color: #D09D92;

}

 

 

Men tack ändå. Nu har jag iallafall grunden.

 

 

Link to comment
Share on other sites

det här funkar skapligt i stilmallen :

.formstil {

overflow: hidden;

border-style: solid;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

font-family: blahaha

}

 

Observera att du måste deklarera border-style : solid; före border-width.

 

I respektive formulär-element anropa med class="formstil"

 

Färg & font får du fixa själv :-)

 

/Mange

____________________________

Mmm... 64 slices of American cheese

 

[inlägget ändrat 2002-03-26 01:41:33 av mange71]

[inlägget ändrat 2002-03-26 01:45:51 av mange71]

Link to comment
Share on other sites

Hmm, jo, det ska på nåt sätt gå att deklarera så att du ändrar utseendet på själva "taggen" (knappen) istället för att använda "class", men det tycker jag är väldigt slött bara ;)

Så här kanske:

 

input { (stilmalls-variabler) }

Inte säker på att dettta funkar exakt så här, men nåt liknande är det...

 

Sök efter sidor på nätet med CSS-guider, det finns massor av info...

 

# GLOBER #

 

Link to comment
Share on other sites

Archived

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



×
×
  • Create New...