He creado una clase de CSS llamada 'botón' y la apliqué a todas mis etiquetas de ENTRADA simplemente usando:

.button input
{
//css stuff here
}

<p class="button">
<input type="submit" Name='submit' value="Confirm Selection"/>
</p>

que funciona bien, pero luego agregué otro botón, pero esto no es parte de mi formulario, es solo un marcador de posición que se activa con javascript y abre un iFrame. Como quería que se viera igual que todos los botones "reales", usé la misma clase.

<p class="button" id="AddCustomer">
<a href="AddCustomer.php">Add Customer</a>
</p>

El problema que tuve fue que si salía de la clase como.button input la<a> la etiqueta no lo vio Si quito elinput parte del CSS todos mis botones tienen cuadrados grises en el medio.

Así lo resolví con.button input,a

Esto funcionó bien. . . Hasta que miré otra página, y encontré todos mis<a> Las etiquetas ahora se formatearon con la clase 'button', a pesar de que no tienen esta clase aplicada.

Entonces mi pregunta es ¿cómo puedo aplicar la misma clase CSS a<input> y<a> etiquetas al mismo tiempo, pero solo si he añadido explícitamenteclass="button".