Question

这是我的文本框代码，用户可以在其中键入自己的文本。但我需要字体粗体。我怎么能用CSS做到这一点？

map

Answer 1

尝试：

＆＃13;

form {
font-weight: bold;
}

＆＃13;

<form>
      Enter Text:<br>
      <input type="text" name="your text" id="entertext">
   </form>

＆＃13;

但是我建议你使用label作为输入字段和样式。否则，表单的其余部分也将是粗体（假设您将在表单中添加更多内容）

＆＃13;

form label {
font-weight:bold;
}

＆＃13;

<form>
      <label for="entertext">Enter Text:</label>
      <input type="text" name="your text" id="entertext">
   </form>

＆＃13;

有关详细信息，请查看HTML Tag。

Answer 2

使用此css：

form {
    font-weight: bold;
}

如果您只希望用户输入的文字为粗体，请转到：

form input {
    font-weight: bold;
}

修改

这样的东西可以工作，但它需要jQuery：

<head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <style> .bold { font-weight: bold; } </style> </head> <form id="form"> Enter Text:<br> <input type="text" name="your text" id="entertext"><br /> <button id="toggle">Toggle Weight</button> </form> <script> jQuery('#toggle').on('click', function(e) { jQuery('#form input[type="text"]').toggleClass("bold"); //you can list several class names e.preventDefault(); }); </script>

Answer 3

尝试：

form {
  font-weight: bold;
}

Answer 4

form input {
  font-weight: bold;
}

<form>
  Enter Text:<br>
  <input type="text" name="your-text" id="entertext">
</form>

注意：输入的name属性不应包含空格。如果您希望将此作为占位符文本，请使用占位符属性，例如：<input type="text" name="your-text" id="entertext" placeholder="Your Text">

Answer 5

尝试下面的CSS

input[type=text]{font-weight:bold}

如何在表单块中使字体变粗？

5 个答案: