ho questo codice


<html>
<head>
<title>Untitled</title>

<style>

.campiform {
border-style: solid;
border-color: #006699;
border-width: 1;
background: #f0f0f0;



}


.campiform2 {
border-style: solid;
border-color: #333333;
border-width: 1;
background: #c6c6c6;
}

</style>
</head>

<body>

<form name="" action="....." method="post">

<input name="prova" type="text" size="25" class="campiform">

<input name="textCognome" type="text"class="campiform" onMouseOver="this.className='campiform2'" onmouseOut="this.className='campiform'">


<input type="submit" name="submit" value="Clicca & Godi" class="campiform" onMouseOver="this.className='campiform2'" onmouseOut="this.className='campiform'">
</form>

</body>
</html>

vorrei includere nel css questi eventi:

onMouseOver="this.className='campiform2'" onmouseOut="this.className='campiform'"

cosi' chè li posso richiamare con una semplice classe
e nn ripetere tutti gli eventi x titti i campi del form
se pò fà???????????

grazie ragà