si intentas primero puramente con CSS veras que <object> no hereda los estilos aplicado al documento como en el siguiente ejemplo,
Código:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Foros del Web - Test</title>
<script type='text/javascript'>
</script>
<style type="text/css">
object#plain{
color:blue;
}
</style>
</head>
<body>
<object id="textoexterno" type="text/plain" data="txt.txt" width="800" height="600"></object>
</body></html>
la razon, dependiendo del tipo de contenido de <object> el navegador genera una cosa u otra. en este caso, el tipo de <object> es
text/plain y el navegador genera una ventana con un documento, digamos practicamente igual que un <iframe>. al ser una ventana nueva, dicha ventana no hereda los estilos del documento que le contiene. por tanto, tu solucion es agregar los estilos a dicha ventana. para llegar a ello necesitas algo como,
Código:
document.getElementById("textoexterno").contentDocument.body.style.color="#ff0000";