Juste essayer de donner à une police en gras à une entrée de texte

Je suis en train de donner une police en gras à une entrée de cette manière ci-dessous mais ça ne fonctionne pas..

<html>
<head>

</head>

<body>

<style type=”text/css”>

.jander2{

  font-weight: bold;

}

</style>

<form method="post" action="somepage">
        <input id="jander" class="jander2">
</form>

</body>
</html>

OriginalL'auteur ziiweb | 2011-03-23

  1. 10

    Votre <style> devrait être dans le <head> section:

    <html>
 <head>
  <style type="text/css">
   .jander2{
     font-weight: bold;
   }
 </style>
 </head>
 <body>
  <form method="post" action="somepage">
   <input id="jander" class="jander2">
  </form>
 </body>
</html>

    EDIT: Pour satisfaire l'intervenant: utilisez uniquement des guillemets, pas de curly spécial des citations que vous avez eu dans votre <style> tag.

    Merci, mais ça ne fonctionne pas..
    essayez le code mis à jour. Vous avez eu des accolades (”) autour de la type attribut dans <style> tag, mais vous avez besoin normal de guillemets doubles ("). Interestingely les autres citations sont ok. De quoi êtes-vous à l'aide de votre éditeur de code?
    vous êtes les bienvenus! 😉
    Hmm. Deux autres réponses mentionné les guillemets problème, mais le a accepté de répondre est celui qui n'en a pas (sauf dans un commentaire), et l'on a accepté la réponse, cela implique que le problème est l'emplacement de l'étiquette de style, qui est... trompeuse. :/
    Sémantiquement, il doesnt matter - il existe de nombreuses façons de déclarer votre style et les deux ci-dessus va travailler. Il importe seulement sur les bonnes pratiques de codage.

    OriginalL'auteur Czechnology

  2. 2

    Cela fonctionne:

    http://jsfiddle.net/4rAhy/

    Code ici:

    Inline style: <input type="text" style="font-weight: bold;"></input><br />
<style>
.jander2 {
    font-weight: bold;
}
</style> 
External Style: <input type="text" class="jander2"></input>

    OriginalL'auteur Fareesh Vijayarangam

  3. 1

    Contrôles de formulaire sont des bêtes étranges. Certains navigateurs ne vous laissent pas de style à tous, d'autres seulement vous permettre de faire quelques petites choses. Généralement, c'est parce que le navigateur reçoit les contrôles de formulaire à partir du système d'exploitation, plutôt que de générer elle-même.

    Cela dit, le texte en gras doit certainement être dans le domaine des attributs que vous pouvez le style. Je pense que le problème est que les guillemets autour de "text/css" de votre déclaration de style. (Mettre de la déclaration de style dans le corps peut être une erreur de validation en fonction de votre doctype, mais il doit encore travailler.)

    OriginalL'auteur Martha

  4. 0

    Ce par son auto fonctionne

    <html>
 <head>
  <style type="text/css">
   .jander2{
     font-weight: bold;
   }
 </style>
 </head>
 <body>
  <form method="post" action="somepage">
   <input id="jander" class="jander2">
  </form>
 </body>
</html>

    Ce que je pense, c'est que vous avez quelque chose comme 

    input{font-weight: normal;}

    coups de pied autour dans votre CSS autre. Prendre un coup d'oeil pour voir si il y a un autre CSS qui peut être primordial .jander2

    Souviens CSS est lu de haut en bas, de sorte que les styles qui sont appliqués après auront la priorité sur les styles qui sont appliqués précédemment.

    Sinon, vous pouvez essayer 

      <style type="text/css">
   .jander2{
     font-weight: bold !important;
   }
 </style>

    Mais ce n'est pas recommandé car il vient de masquer le problème.

    OriginalL'auteur Chase Florell

  5. 0

    Et si vous voulez tricher, alors c'est une autre solution:

        <input type='text'  size='35' style='font-size: 16px;font-weight: bold;' value = 'Hi'  />

    OriginalL'auteur Clark Superman