Retour à Forum de site web

Firefox problèmes d'affichage <input> i!

  • Rika
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Oct 14, 2009
  • Messages: 14
  • Loc: Singapore
  • Status: Offline

Message Juin 15th, 2010, 8:06 am

J'ai ajouté dans le CSS pour changer le style des boutons submit. Cela fonctionne très bien dans IE8, mais dans firefox, le mot n'apparaît pas et le bouton est plus grande. J'ai aussi essayé la méthode de saisie d'autres ["submit"], mais rien ne change.

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
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juin 15th, 2010, 8:06 am

  • natas
  • PHP Ninja
  • Proficient
  • No Avatar
  • Inscription: Mar 28, 2009
  • Messages: 305
  • Loc: AFK
  • Status: Offline

Message Juin 15th, 2010, 12:53 pm

Dans votre CSS, vous définissez votre classe bouton comme "bouton".

Dans votre code HTML, vous appelez pour une classe de "btn"

Serait-ce le problème?
Custom Web Design

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 2 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 134 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC