Resize Button to Match?

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

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

Last Comment

sandshakimi

8/22/2022 - Mon

ASKER CERTIFIED SOLUTION

Russ Suter

7/6/2015

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

7/6/2015

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

7/8/2015

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