Just nu i M3-nätverket
Gå till innehåll

Ändra utseende på submitknappar


hmmmm

Rekommendera Poster

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.

Länk till kommentar
Dela på andra webbplatser

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]

Länk till kommentar
Dela på andra webbplatser

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.

 

 

Länk till kommentar
Dela på andra webbplatser

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]

Länk till kommentar
Dela på andra webbplatser

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 #

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...