Submit Button Color?

  • Thread starter Thread starter Thor
  • Start date Start date
T

Thor

Is there a way to change the color of the [SUBMIT] button on a form? Maybe
even change the button graphic itself?
 
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?
|
|
|
 
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
 
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
 
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.
 
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?
| > |
| > |
| > |
| >
| >
|
|
 
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?
 
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?


Rob Giordano (Crash) said:
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?
|
|
|
Click to expand...
Click to expand...
 
Well, I'm OK with the border, and I've changed the font, but I don't see
how
to change the background color.
Click to expand...

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" >
 
Thanx. Ill give it a try.

GRB

Ian Haynes said:
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" >
Click to expand...
 
Back
Top