www.webdeveloper.com
Results 1 to 5 of 5

Thread: How to add CSS to input?

  1. #1
    Join Date
    Sep 2005
    Posts
    1,626

    Question How to add CSS to input?

    I have input element like:
    <input type="submit" name="myform" value="Send" class="button1" />

    How is correct solved hoover that background image will change after MOUSE OVER?

  2. #2
    Join Date
    Oct 2011
    Location
    Vero Beach, Florida
    Posts
    70
    space
    Orchid Technical Services
    Website Design/Development and Technical Support

  3. #3
    Join Date
    Sep 2005
    Posts
    1,626
    thank you. It works.

  4. #4
    Join Date
    Jan 2012
    Posts
    15

  5. #5
    Join Date
    Sep 2005
    Posts
    1,626
    I have set with ID like:
    PHP Code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    >

    <
    html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <
    head>
      <
    title></title>
    <
    style type="text/css">
    /*<![CDATA[*/
    ul#inlineblocks1, ul#inlineblocks1 li
    {
      
    margin0;
      
    padding0;
    }
    ul#inlineblocks1 li {
      
    displayinline-block;
      
    width100px;
      
    min-height100px;
      
    background#ccc;
    }
    /*]]>*/
    </style>
    </
    head>

    <
    body>
    <
    p>
    </
    p>
    <
    ul id="inlineblocks">
    <
    li>Item one</li>
    <
    li>Item two</li>
    <
    li>Item three</li>
    </
    ul>
    </
    body>

    </
    html
    How to set with class not ID as it can be many inline blocks. Is there solution?
    Notice: <ul id="inlineblocks">

    Form has ID not blocks...
    <form id="myform1" action="" method="post">

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles