bordercolor samt bordersize

<style type="text/css">
input.foo:hover {
	border-left: 3px solid #00FF00;
	border-right: 3px solid #00FF00;
	border-top: 3px solid #00FF00;
	border-bottom: 3px solid #00FF00;
}
</style>

<form>
<input type="text" class="foo">
</form>

Vill du att det ska funka även i Internet Explorer så får man göra det med DHTML.

får man göra det med DHTML.

Nån?

Flyttar tråden till "JavaScript, DHTML".

Det här borde funka.

<style type="text/css">
.over {
	border-left: 3px solid #00FF00;
	border-right: 3px solid #00FF00;
	border-top: 3px solid #00FF00;
	border-bottom: 3px solid #00FF00;
}
.out {}
</style>
<script type="text/javascript">
function changeClass(obj, className)
{
	if (obj.className != null)
	{
		obj.className = className;
	}
}
</script>

<form>
<input type="text" onMouseOver="changeClass(this, 'over');" onMouseOut="changeClass(this, 'out');">
</form>

Rent syntax-mässigt borde man nog lägga in egenskaper i klassen out som återställer till orginalet. Det är inte säkert att webbläsaren tar det som underförstått.