Just nu i M3-nätverket
Jump to content

Knappar med css


MML

Recommended Posts

Hejsan

 

Någon som vet varför inte detta funkar vid hoover?

 

.btn {

padding: 0px;

border-width: thin;

border-color: grey;

border-style: outset;

background: silver;

font-weight: bold;

cursor: pointer;

 

}

.btn:hover {

padding: 0px;

border-width: thin;

border-color: grey;

border-style: outset;

background: red;

font-weight: bold;

cursor: pointer;

border-style: inset;

}

 

<button type='reset' class='btn'> Rensa </button>

 

Link to comment
Share on other sites

I vilken webläsare? Testa med FF, IE har nog inget stöd för det i dag vad jag vet. Du måste använda javascript i så fall.

 

 

Link to comment
Share on other sites

Om du skrivet

<input type="button" class="btn" value="OK">

så fungerar det i Firefox.

 

Om du byter namn på .btn:hover till .btnOver och använder:

<input type="button" class="btn" value="OK" onMouseOver="this.className='btnOver'" onMouseOut="this.className='btn'">

så kommer det fungera i både IE och FF.

 

/Cluster

----------------------------------------------------

"Den som försummar att dricka ur erfarenhetens källa

kommer troligen att dö av törst i okunnighetens öken."

-----> http://unic.serveftp.com/eforum <-----

 

Link to comment
Share on other sites

Som Cluster och Aeroba säger måste du använda dig av Javascript för att vara säker på att vissa effekter som just hover fungerar överallt.

 

Pseudo-klasser i CSS2 är inget man skall förlita sig på, eftersom CSS inte definierar vilka element som skall beröras av dem. Alltså är det upp till var och en av webbläsarna att göra sin egen implementation av det, vilket är anledning nog att hålla sig borta från dem.

 

 

Link to comment
Share on other sites

Archived

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



×
×
  • Create New...