nicht angemeldet
hover Effekt @ input type="submit" ?
Hallo, ist es möglich, für 'input type="submit"' einen hover Effekt per CSS zu implementieren ?
Gruß,
Andre
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
input
{
background-color: #EEEEEE;
color: black;
border-style: hidden; /* hide any border */
border-width: 0px; /* ... just for sure */
}
.myClass
{
background-color: #999999;
color: black;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;
}
.myClass a:hover
{
background-color: #000066;
color: black;
}
-->
</style>
</head>
<body>
<input type="submit" name="ctlButtonView:ctlXButton" value="View" id="ctlButtonView_ctlXButton" disabled="disabled" />
<input type="submit" name="ctlButtonEdit:ctlXButton" value="Edit" id="ctlButtonEdit_ctlXButton" />
</body>
</html>
-
Hi!
xxx.klasse:hover {
/* bla */
}cu Joeyfle
-
Hallo, ist es möglich, für 'input type="submit"' einen hover Effekt per CSS zu implementieren ?
Versuchs doch mal mit:
submit:hover { };
Was die Browser draus machen, weiss keiner, ob valide ist weiss der
Mit Javascript kannst Du die den Hovereffekt definitiv hinbekommen:
onMouseover="document.forms[0].submitbutton1.className="submit_hover";
Falls Du etwas mehr formatiere willst oder mehrere Buttons hast.
und / oderonMouseout="document.forms[0].submitbutton1.backgroundColor="#d0d0d0";
Falls es nur den Hintergrund betrifft.fastix
-
Hallo fastix,
submit:hover { };
Es gibt in HTML kein Element Namens submit. Außerdem kommt nach der geschweiften Klammer zu in CSS kein Semikolon.
Wenn schon:
input[type=submit]:hover { color: red; }
das kann aber der IE nicht. (Stichwort Attributselektoren) Aber da der IE :hover auch nicht auf nicht-Links nicht anwenden kann, ist eine JS-Lösung (oder beides kombiniert) vmtl. besser, dann geht das in jedem Browser, der Style-Eigenschaften dynamisch über DOM ändern kann. (so ziemlich jeder moderner - und für die nicht modernen geht keine Funktionalität verloren)
Grüße,
Christian
--
http://www.xs4all.nl/~ppk/css2tests/
Ich bitte darum, dass ein Themenbereich (BARRIEREFREIHEIT) eingerichtet wird.-
und für die nicht modernen geht keine Funktionalität verloren)
Das ist fürwahr auch gut so. Und wehe jemand meckert über das Javascript!
')
fastix
-
-
-
Hallo Andre,
Hallo, ist es möglich, für 'input type="submit"' einen hover Effekt per CSS zu implementieren ?
Prinzipiell: ja - Du musst diese Pseudoklasse nur auf diesen Inputbutton anwenden. (am besten über eine Klasse, denn der IE versteht keine Attributselektoren)
Aber: einige Browser spielen da nicht mit. AFAIK können es nur Mozilla (und damit Netscape 6 und 7) und Opera 7 und Konqueror. Man möge mich natürlich gerne korrigieren.
Ansonsten könntest Du per JavaScript und DHTML die Eigenschaften verändern - Du müsstest halt nur für jeden Submitbutton onmouseover und onmouseout reinschreiben.
Grüße,
Christian
--
Ich bitte darum, dass ein Themenbereich (BARRIEREFREIHEIT) eingerichtet wird.