Problem solved
2 Likes
Hi.
button without border or shadow. Thnks @matthieu_chateau
<button id="myButton"> < Regresar</button>
<style>
#myButton {
width: 120px;
height: 40px;
background-color: #dfdfdf;
border-radius: 10px;
border-color: #dfdfdf;
padding: 10px 20px;
margin: auto;
border: none;
font-size: 14px;
font-family: "Inter", sans-serif;
font-weight: normal;
color: #4B6382;
text-align: center;
float: left;
display: flex;
align-items: center;
justify-content: center;
}
#myButton:hover {
background-color: #dfdfdf;
color: #4B6382;
</style>
<script>
document.getElementById("myButton").addEventListener("click", function() {
window.history.back();
});
</script>```
1 Like
This one is more accurate.
No need to add hover if it has the same colors. border-color is not necessary either.
<button id="myButton"> < Regresar</button>
<style>
#myButton {
width: 120px;
height: 40px;
background-color: #dfdfdf;
padding: 10px 20px;
border-radius: 10px;
border: none;
margin: auto;
font-size: 14px;
font-family: "Inter", sans-serif;
font-weight: normal;
color: #4B6382;
text-align: center;
float: left;
display: flex;
align-items: center;
justify-content: center;
}
</style>
<script>
document.getElementById("myButton").addEventListener("click", function() {
window.history.back();
});
</script>
1 Like
thank you so much. Your contributions have helped me a lot. I am a lawyer and I don’t know anything about code and I am making an app for my project. Your help has been valuable.