button size html
<button style="height:40px; width:40px;">Press Me</button>
button size html
<button style="height:40px; width:40px;">Press Me</button>
edit button html
<button style="height: 30px; background-color: none; border-radius:50%" id="edit_btn">
<img src="https://www.flaticon.com/svg/static/icons/svg/61/61456.svg" style="height: 20px; width:15px; float:center; text-align: center" />
</button>`
html button size
transform: scale(4); /* This will make the component 4 times bigger */
how to set button width in javascript
var buttonShort = document.createElement("button");
buttonShort.innerHTML = "Generate Short Password";
var body = document.getElementsByTagName("body")[0];
buttonShort.style.width = '200px'; // setting the width to 200px
buttonShort.style.height = '200px'; // setting the height to 200px
buttonShort.style.background = 'teal'; // setting the background color to teal
buttonShort.style.color = 'white'; // setting the color to white
buttonShort.style.fontSize = '20px'; // setting the font size to 20px
body.appendChild(buttonShort);
buttonShort.addEventListener("click", function() {
var newWindow = window.open();
newWindow.document.write("The generated Password is: '" + short() + "'");
newWindow.focus();
});
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us