salve, usando onfocus e onblur quando si clicca nel campo e compare il cursore,il bordo del campo in alcuni browser ha un colore ad esempio in chrome tipo giallo è possibile modificarlo???

questo è quello che ho creato io

<input name="UserId" type="text" id="UserId" value="UserId" border="0"
onfocus="this.value=''" onblur="if(this.value == '') {this.value = this.defaultValue; }"/>
nel css
input:focus {
border: 2px solid #29177D;
}

va bene in explorer, in firefox e opera ma in safari che ha già un bordo di default non si vede quello che ho impostato io e lo stesso per chrome si vede il giallo...
non è possibile modificarli e inserire solo il colore che voglio io??????????????????