Question

我正在尝试以下面的方式为输入添加粗体字，但它不起作用..

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

Answer 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>标记中的卷曲特殊引号。

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

Answer 3

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

尽管如此，粗体文本当然应该属于您可以设计的属性范围。我认为问题是你的样式声明中“text / css”周围的卷曲引号。（将样式声明放在正文中可能是一个验证错误，具体取决于您的doctype，但它仍然有用。）

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

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

Answer 5

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

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

只是尝试为输入文本添加粗体字

5 个答案: