鼠标悬停时如何在按钮中仅生成粗体文字？

Question

当鼠标悬停时，我想在按钮中创建唯一的粗体文字。 在这种情况下，

.button:hover {
   font-weight: bolder;
}

按钮和文本同时是粗体。

Answer 1

<button class="btn">
Click
</button>

按类使用选择元素＆＃34;。＆＃34;其次是＆＃34;班级名称＆＃34;

对于类选择器：

.btn:hover {
   font-weight: bolder;
}

如果你想将任何css添加到元素/控件，那么只使用元素

对于元素选择器：

button:hover {
   font-weight: bolder;
}

Answer 2

  

它不是＆＃34;更大胆＆＃34;

你必须写：

font-size: bold;

Answer 3

＆＃13;

＆＃13;

.view:hover {
   font-weight: bolder;
}

＆＃13;

  <button class="view">view</button>

＆＃13;

＆＃13;

＆＃13;

Answer 4

尝试使用此代码

.button {
  /*assign width to get the text bolder inside that area*/
  width:90px;
}

.button:hover {
  font-weight:bolder;
  }

<button class="button">Hover Me</button>