只是想给输入文本加粗字体答案

【问题标题】：Just trying to give a bold font to an input text只是想给输入文本加粗字体
【发布时间】：2011-03-23 16:12:52
【问题描述】：

我正在尝试在下面以这种方式为输入提供粗体字体，但它不起作用..

<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>

【问题讨论】：

标签： css input stylesheet

【解决方案1】：

您的<style> 应该在<head> 部分：

<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>

编辑： 为了让评论者满意：只使用标准双引号，不要像 <style> 标记中那样使用特殊的大括号。

【讨论】：

@user248959，试试更新的代码。 <style> 标记中的 type 属性周围有花括号 (”)，但您需要正常的双引号 (")。有趣的是，其他报价还可以。您使用什么作为代码编辑器？
嗯。另外两个答案提到了花引号问题，但接受的答案是一个没有（评论除外），并且接受的答案暗示问题是样式标签的位置，这是......误导。 ://
语义上没关系——有很多方法可以声明你的风格，以上两种方法都可以。它只对良好的编码实践很重要。

【解决方案2】：

这行得通：

http://jsfiddle.net/4rAhy/

代码在这里：

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>

【讨论】：

【解决方案3】：

表单控件是奇怪的野兽。有些浏览器根本不允许你设置样式，有些浏览器只允许你做一些有限的事情。通常，这是因为浏览器从操作系统获取表单控件，而不是自己生成。

也就是说，粗体文本当然应该在您可以设置样式的属性范围内。我认为问题在于您的样式声明中“text/css”周围的花括号。（根据您的文档类型，将样式声明放在正文中可能是一个验证错误，但它应该仍然有效。）

【讨论】：

【解决方案4】：

这是自己的作品

<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>

我在想的是你有类似的东西

input{font-weight: normal;}

在您的其他 CSS 中四处游荡。看看是否有任何其他 CSS 可能覆盖 .jander2

记住 CSS 是从上到下阅读的，因此稍后应用的样式将覆盖之前应用的样式。

你也可以试试

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

但不建议这样做，因为它只是掩盖了问题。

【讨论】：

【解决方案5】：

如果你想作弊，那么这是另一种解决方案：

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

【讨论】：