Farveskift på tekst i submitknap v.h.a. css stylesheet
Eksperimenterer med at lave min egen knap.Knappen skal skifte farve på skriften ved onclick, men sådan, at farven på skriften forbliver på knappen også efter, at musen er ført væk fra knappen. Og det volder mig kvaler.
Den skal have mit eget design, hvilket er løst.
Den skal også ændre baggrund ved rollover, hvilket også er løst.
Mit eksempel kan ses på:
http://www.tv-girls.dk/Tina/style/knap_08.asp
Men ellers er mit stylesheet sådan:
* * *
body {
background-color: #99CCFF }
input {
height:23;
background-color:#6666FF;
font-family:arial;
font-size:14px;
color:#FFFF00;
text-align: center; }
class1 {
background-color:#6666FF; }
.class2 {
color:#FF0066; }
.Class3 {
background-color:#6666FF; }
.class4 {
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr=#ff99ccff, EndColorStr=#ff6666FF); }
* * *
Og html-delsen ser sådan ud:
* * *
<META NAME="Tina Thranesen" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Knap forsøg" CONTENT="">
<link rel="stylesheet" type="text/css" href="style08.css">
</HEAD>
<body>
<p>
Forsøg "knap_08" med knapper ved anvendelse af css.
</p>
Knappen herunder er alene med css.
<br>
<input name="SoegAnvSoegeord" type="submit"
class="class4"
onmouseover="this.className='class1'"
onmouseout="this.className='class4'"
onclick="this.className='class2';'class3'"
value="Vis anvendte søgeord" style="width:150px;"/>
<br><br>
Knappen herunder er med css, men m.h.t. onclick er color og baggrundColor hårdkodet.
<br>
<input name="SoegAnvSoegeord" type="submit"
class="class4"
onmouseover="this.className='class1'"
onmouseout="this.className='class4'"
onclick="this.style.color='#FF0066'; this.style.backgroundColor='#6666FF'"
value="Vis anvendte søgeord" style="width:150px;"/>
</BODY>
</HTML>
* * *
Vil glæde mig overordentligt meget, om nogen kan løse problemet for mig.
Er også meget modtagelig for forsøg til generel forbedring.
Kærlig hilsen. Tina Thranesen.
