pretendo que aparezcan dos botones en la pantalla (de background gris) cubriendo un 50% de ella cada uno. Uno de ellos de fondo negro y letra blanca, y el otro al contrario. Pero cuando ejecuto el código no se lee el texto, es como si la fuente esté con el color invertido.
<style type="text/css">
.boton1 {
background-color: white;
border: 0;
font-size: 100px;
color: black;
text-align: center;
width: 50%;
height: 100%;
float: left;
}
.boton2 {
background-color: black;
border: 0;
font-size: 100px;
color: white;
text-align: center;
width: 50%;
height: 100%;
float: left;
}
</style>
<html>
<body background=grey>
<button type="submit" class=boton2 name="isubmit" value="black">
</button>
<button type="submit" class=boton1 name="isubmit" value="white">
</button>
</body>
</html>