Firefox i<input> display problems!

  • Rika
  • Newbie
  • Newbie
  • Rika
  • Posts: 14
  • Loc: Singapore

Post 3+ Months Ago

I added in CSS to change the styling of submit buttons. It works fine in IE8, however in firefox, the word does not appear and the button is larger. I have also tried the other method input["submit"], but nothing changes.

Code: [ Select ]
<form id="form1" name="form1" method="post" action="">
   <input class="field" type="text" name="searchField" id="searchField" title="Type to start searching!"/>
   <input class="btn" type="submit" name="searchbtn" id="searchbtn" value="Search" title="Click to search!"/>
</form>
  1. <form id="form1" name="form1" method="post" action="">
  2.    <input class="field" type="text" name="searchField" id="searchField" title="Type to start searching!"/>
  3.    <input class="btn" type="submit" name="searchbtn" id="searchbtn" value="Search" title="Click to search!"/>
  4. </form>


Code: [ Select ]
input.button{
    font: 16px Cambria Math, Verdana, Arial, Helvetica;
    border:0px #CCCCCC solid;
    background: #CCCCCC;
    color: #333333;
    height: 26px;
    text-align: center;
    cursor:pointer;
}
input.button:hover, input.button:focus{
    font: 16px Cambria Math, Verdana, Arial, Helvetica;
    border:0px #CCCCCC solid;
    background: #666666;
    color: #FFFFFF;
    height: 26px;
    cursor:pointer;
  1. input.button{
  2.     font: 16px Cambria Math, Verdana, Arial, Helvetica;
  3.     border:0px #CCCCCC solid;
  4.     background: #CCCCCC;
  5.     color: #333333;
  6.     height: 26px;
  7.     text-align: center;
  8.     cursor:pointer;
  9. }
  10. input.button:hover, input.button:focus{
  11.     font: 16px Cambria Math, Verdana, Arial, Helvetica;
  12.     border:0px #CCCCCC solid;
  13.     background: #666666;
  14.     color: #FFFFFF;
  15.     height: 26px;
  16.     cursor:pointer;
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • natas
  • PHP Ninja
  • Proficient
  • natas
  • Posts: 308
  • Loc: AFK

Post 3+ Months Ago

In your css, you define your button class as "button".

In your html, you call for a class of "btn"

Could this be the problem?

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 44 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.