Does anyone know of a pure CSS button that is cross-browser compatible that looks like the attached image?
I’m trying to build a block button with 2 borders… one white and one blue. Right now here is my code:
a.btn {border: 1px solid #9999cc; display: inline-block; position: relative; padding: 1px 1px 1px 1px; background-color: #fff;}
a.btn span {font: 11px Arial, Helvetica, sans serif; color: #fff; font-weight: normal; background: #3366cc; text-transform: uppercase; text-align: center; border: outset 1px #9999cc; padding: 2px 0 2px 0;}
and I have a span tag inside an anchor. I cannot get this to be cross-browser compatible at all, please help!