Ask a Question related to Macromedia Dynamic HTML, Design and Development.

  1. #1

    Default Submit button style

    Hi,

    I am trying to change the style of a submit button ('<input type="submit"
    value="Update">') using stylesheets but everytime I use something like:
    input.submit{color:#FF0000}
    it does not seem to do anything. I have used submit buttons and normal buttons
    throughout my website and now I want to change the style of both to something
    better but am struggling to change them.

    If you have any ideas please share them.

    Thank You

    DonJuanDon Guest

  2. Similar Questions and Discussions

    1. Submit button
      I have a web form with a few text fields some validataion and a submit button. When I click the submit bittin the serverside event does not...
    2. [PHP] using submit button and PHP-HELP
      thanx for your help, Ive got flu and all these small things seem to be escaping my eyes. I just want to ask you a small question: If i want this...
    3. using submit button and PHP-HELP
      Hi, I have a form that has a submit button in it, when the button is pressed I want it to reload the same page, with the same URL, however when I...
    4. value submit button
      You can get the button value use code below: <?php echo $_POST;?> <form method="post"> <input type="submit" name="submit" value="submit1">...
    5. Help with Submit button...
      Hi, I have a graphic, I wanted to use it for a submit button. For some reason it does not work.. it acts more of a link. The problem with...
  3. #2

    Default Re: Submit button style

    Can you post a link, it might be a wrong HTML tags for that situation. We need to see it, though.
    Deaf Web Designer Guest

  4. #3

    Default Re: Submit button style

    Try this:

    input {
    color:#FF0000;
    }

    That will change al of the <input> fields.

    If you want to style one try this:

    ..mySubmit {
    color:#FF0000;
    }

    And assign the class to the submit button, like this:

    <input name="Submit" type="submit" class="mySubmit" value="Submit" />



    --
    Ken Ford
    Adobe Community Expert
    Fordwebs, LLC
    [url]http://www.fordwebs.com[/url]


    "DonJuanDon" <webforumsuser@macromedia.com> wrote in message
    news:egp0iq$svn$1@forums.macromedia.com...
    > Hi,
    >
    > I am trying to change the style of a submit button ('<input type="submit"
    > value="Update">') using stylesheets but everytime I use something like:
    > input.submit{color:#FF0000}
    > it does not seem to do anything. I have used submit buttons and normal
    > buttons
    > throughout my website and now I want to change the style of both to
    > something
    > better but am struggling to change them.
    >
    > If you have any ideas please share them.
    >
    > Thank You
    >

    Ken Ford - *ACE* Guest

  5. #4

    Default Re: Submit button style

    Hi,

    Thanks for the replies but when made the code below, the style of all the
    submit buttons did not seem to change. Am I missing something here because I am
    not quite sure what I am doing wrong.

    Also is there a way to change the style of a submit button only and leave the
    input text fields etc of the input family as they are.

    Thanks


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <style>

    input {
    color:#FF0000;
    }
    .mySubmit {
    color:#FF00FF;
    }
    </style>
    </head>
    <body>
    <form>
    My button <input type="button"><br><br>
    My submit button <input type="submit"><br><br>
    My styled submit button <input type="submit" class="mySubmit"><br><br>
    Another submit button <input name="Submit" type="submit" class="mySubmit"
    value="Submit" /><br><br>
    </form>
    </body>
    </html>

    DonJuanDon Guest

  6. #5

    Default Re: Submit button style

    Works fine here, Windows XP Pro IE 6, Firefox 1.5.0.7 and Opera 9.02.

    Use a class to change the submit button only.

    <style type="text/css">
    <!--
    ..mySubmit {
    color:#FF00FF;
    }
    -->
    </style>

    <input type="submit" class="mySubmit" value="Submit">

    --
    Ken Ford
    Adobe Community Expert
    Fordwebs, LLC
    [url]http://www.fordwebs.com[/url]


    "DonJuanDon" <webforumsuser@macromedia.com> wrote in message
    news:egt772$lkj$1@forums.macromedia.com...
    > Hi,
    >
    > Thanks for the replies but when made the code below, the style of all the
    > submit buttons did not seem to change. Am I missing something here because
    > I am
    > not quite sure what I am doing wrong.
    >
    > Also is there a way to change the style of a submit button only and leave
    > the
    > input text fields etc of the input family as they are.
    >
    > Thanks
    >
    >
    > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    > "http://www.w3.org/TR/html4/loose.dtd">
    > <html>
    > <head>
    > <style>
    >
    > input {
    > color:#FF0000;
    > }
    > .mySubmit {
    > color:#FF00FF;
    > }
    > </style>
    > </head>
    > <body>
    > <form>
    > My button <input type="button"><br><br>
    > My submit button <input type="submit"><br><br>
    > My styled submit button <input type="submit" class="mySubmit"><br><br>
    > Another submit button <input name="Submit" type="submit"
    > class="mySubmit"
    > value="Submit" /><br><br>
    > </form>
    > </body>
    > </html>
    >

    Ken Ford - *ACE* Guest

  7. #6

    Default Re: Submit button style

    Thanks! That seemed to work,, tyhe text on the button changed to red.

    It is a shame you cant change the styles of individual elements of the input
    family individually (eg just the submit buttons), that would have helped me
    loads ! Would have saved me going through a huge site and changing each submit
    button to use a style class. :(

    Thanks again !

    DonJuanDon Guest

  8. #7

    Default Re: Submit button style

    Yeah it is too bad, and its all because IE doesn't understand attribute selectors.

    input[type=submit] { ... }

    It works in firefox though.
    mzanime.com Guest

Posting Permissions

  • You may not post new threads
  • You may post replies
  • You may not post attachments
  • You may not edit your posts

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139