Submit Button Color?

[Thor]

Is there a way to change the color of the [SUBMIT] button on a form? Maybe
even change the button graphic itself?

 

[Rob Giordano \(Crash\)]

You can a little bit;

Select the Submit button, right click, select Form Field Properties, then
Style then Format..e.tc.

--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression





| Is there a way to change the color of the [SUBMIT] button on a form? Maybe
| even change the button graphic itself?
|
|
|

 

[Thor]

Although you can only change the font, that was quite helpful. By using
bold, white, and small caps I was able to make the text more legible, and to
reduce the size of the buttons so there was less uglygray.

Thanks

 

[Paul C]

Hi

Put this in place of the submit button on your form and change the image
source gaphic to yours

<INPUT name="IMAGE" TYPE="IMAGE" src="images/send-button.gif" width="39"
height="14" border="0" img>

Paul M

 

[Andrew Murray]

You can make the submit button an image

instead of <input type=submit>, use <input type="image"
src="yourbutton.gif">

This works for the submit function, but I don't know about the reset button
equivalent.

 

[Rob Giordano \(Crash\)]

In the same place look under Border > Shading (you can change bg color and
foreground color there)



--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression





| Although you can only change the font, that was quite helpful. By using
| bold, white, and small caps I was able to make the text more legible, and
to
| reduce the size of the buttons so there was less uglygray.
|
| Thanks
|
| | > You can a little bit;
| >
| > Select the Submit button, right click, select Form Field Properties,
then
| > Style then Format..e.tc.
| >
| > --
| > ~~~~~~~~~~~~~~~~~~
| > Rob Giordano
| > Microsoft MVP Expression
| >
| >
| >
| >
| >
| > | > | Is there a way to change the color of the [SUBMIT] button on a form?
| > Maybe
| > | even change the button graphic itself?
| > |
| > |
| > |
| >
| >
|
|

 

[Thor]

Well, I'm OK with the border, and I've changed the font, but I don't see how
to change the background color.

Is there some way to create a custom button and assign it "submit" and
"Reset" properties?

 

[Ronx]

Give the buttons a class and use CSS for the styles.

Example:

In the form:

<input type="submit" value="Send" class="mybutton">
<input type="reset" value="Reset" class="mybutton">

In the CSS
<style type="text/css">
..mybutton {
border: 1px solid red;
font-family: arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
background-color: cyan;
color: black;
padding: 3px;
}
</style>

The CSS goes immediately before the </head> tag in code view, or into an
external style sheet the page links to.
If you are using a FrontPage theme, the theme may overrule your CSS.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp

Well, I'm OK with the border, and I've changed the font, but I don't see how
to change the background color.

Is there some way to create a custom button and assign it "submit" and
"Reset" properties?

You can a little bit;

Select the Submit button, right click, select Form Field Properties, then
Style then Format..e.tc.

--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression





| Is there a way to change the color of the [SUBMIT] button on a form?
Maybe
| even change the button graphic itself?
|
|
|

 

[Ian Haynes]

Well, I'm OK with the border, and I've changed the font, but I don't see
how
to change the background color.

Create a style for the button and this will allow you to change most
parameters, for example

..btn {
border-right: #808080 1px solid;
border-top: #808080 1px solid;
border-left: #4b4b4c 2px solid;
border-bottom: #4b4b4c 2px solid;
font: bold 100% verdana, sans-serif;
color: #fff;
background-color: #ff6500;
}

You could also change the height and width.

Then

<input name="Submit1" type="submit" value="Submit" class="btn" >

 

[Thor]

Thanx. Ill give it a try.

GRB

Create a style for the button and this will allow you to change most
parameters, for example

.btn {
border-right: #808080 1px solid;
border-top: #808080 1px solid;
border-left: #4b4b4c 2px solid;
border-bottom: #4b4b4c 2px solid;
font: bold 100% verdana, sans-serif;
color: #fff;
background-color: #ff6500;
}

You could also change the height and width.

Then

<input name="Submit1" type="submit" value="Submit" class="btn" >