Looking to enhance the style of the Download button as it appears too formal. Seeking assistance in adding some button styles to make it more stylish.
The code is correct, just aiming to give the Download button a trendy look with specified styles.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
body {
font-family: Arial;
font-size: 10pt;
}
</style>
</head>
<body>
<input type="button" value="Download" onclick="DelayRedirect()" />
<br />
<br />
<div id="dvCountDown" style="display: none"> You will be redirected after
<span id="lblCount"></span> seconds.
</div>
</body>
</html>
Below is the CSS that needs to be added -
<style>
.button {
background-color: DodgerBlue;
border: none;
color: white;
padding: 12px 30px;
cursor: pointer;
font-size: 20px;
}
/* Darker background on mouse-over */
.button:hover {
background-color: RoyalBlue;
}
</style>