Avatar of sandshakimi
sandshakimi
Flag for United States of America asked on

Resize Button to Match?

I need the Cancel button to have the same dimension as the Save button.

Screen Capture
Here's the markup:

<div class="form-actions form-wrapper" id="edit-actions"><button type="button" value="Cancel" onClick="javascript: history.go(-1)">Cancel</button><input type="submit" id="edit-submit" name="op" value="Save" class="form-submit" /></div>

Open in new window

HTMLCSS

Avatar of undefined
Last Comment
sandshakimi

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Russ Suter

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
Scott Fell

No points.  A small update to Russ's code.

Make both buttons instead of button and input.  Make buttons same height and width and added padding.

http://jsbin.com/lepayi/edit?html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>experts-exchange.com/questions/28695080</title>
  <style>
    button
{
    height: 40px;
    width: 80px;
    padding:10px;
}
  </style>
</head>
<body>
<div class="form-actions form-wrapper" id="edit-actions">
  <button type="button" value="Cancel" onClick="javascript: history.go(-1)">Cancel</button>
  <button type="submit" id="edit-submit" name="op"  class="form-submit">Save</button>
</div>
</body>
</html>

Open in new window

sandshakimi

ASKER
These are dynamically generated so Russ's approach is the one I was able to use.
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy