Pulsanti con sfondo bianco
Codice HTML
<form method="get" action="URL_PAGINA_WEB"><button class="btn success">Success</button></form> <form method="get" action="URL_PAGINA_WEB"><button class="btn info">Info</button></form> <form method="get" action="URL_PAGINA_WEB"><button class="btn warning">Warning</button></form> <form method="get" action="URL_PAGINA_WEB"><button class="btn danger">Danger</button></form> <form method="get" action="URL_PAGINA_WEB"><button class="btn default">Default</button></form>
Codice CSS
.btn { border: 2px solid black; background-color: white; color: black; padding: 14px 28px; font-size: 16px; cursor: pointer; }/* Green */ .success { border-color: #4CAF50; color: green; }
.success:hover { background-color: #4CAF50; color: white; }
/* Blue */ .info { border-color: #2196F3; color: dodgerblue }
.info:hover { background: #2196F3; color: white; }
/* Orange */ .warning { border-color: #ff9800; color: orange; }
.warning:hover { background: #ff9800; color: white; }
/* Red */ .danger { border-color: #f44336; color: red }
.danger:hover { background: #f44336; color: white; }
/* Gray */ .default { border-color: #e7e7e7; color: black; }
.default:hover { background: #e7e7e7; }